Color #68A2C3

Color info

#68A2C3 contains mainly green and blue colors. Web safe color of #68A2C3 is #6699CC (or #69C).

RGB color model

#68A2C3 color RGB value is (104,162,195).

red value is 104;
green value is 162;
blue value is 195.

RGB: (104,162,195) (41%, 64%, 76%)

RGB channels and saturation

R 104 of 255 = 41%
G 162 of 255 = 64%
B 195 of 255 = 76%

104

162

195

R + G + B ~ 60%. #68A2C3 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 104 + 162 + 195 = 461 (100%)
R 104 of 461 ~ 22.56%
G 162 of 461 ~ 35.14%
B 195 of 461 ~ 42.3'%

%22.56

%35.14

%42.3

CMYK color model

#68A2C3 color CMYK value is (47,17,0,24).

cyan value is 46.67%
magenta value is 16.92%
yellow value is 0.00%
key color value is 23.53%

CMYK: (47,17,0,24)
C47M17Y0K24 (47%, 17%, 0%, 24%)
(0.47 / 0.17 / 0.00 / 0.24)

CMYK percentages

%46.67

%16.92

%0

%23.53

Codes

Color #68A2C3 in popluar color models

	68	A2	C3
RGB	104	162	195
HSL	202°	43.13%	58.63%
HSB/HSV	202°	46.67%	76.47%
CMYK	46.67%	16.92%	0.00%
CMYK	23.53%

Color #68A2C3 in popluar number systems.

HEX	68	A2	C3
Decimal	104	162	195
Binary	1101000	10100010	11000011
Octal	150	242	303

Shades and tints

Shades of #68A2C3

#68A2C3
(104,162,195)

#5F94B2
(95,148,178)

#5686A1
(86,134,161)

#4D7890
(77,120,144)

#446A7F
(68,106,127)

#3B5C6E
(59,92,110)

#324E5D
(50,78,93)

#29404C
(41,64,76)

#20323B
(32,50,59)

#17242A
(23,36,42)

#0E1619
(14,22,25)

#000000
(0,0,0)

Tints of #68A2C3

#68A2C3
(104,162,195)

#75AAC8
(117,170,200)

#82B2CD
(130,178,205)

#8FBAD2
(143,186,210)

#9CC2D7
(156,194,215)

#A9CADC
(169,202,220)

#B6D2E1
(182,210,225)

#C3DAE6
(195,218,230)

#D0E2EB
(208,226,235)

#DDEAF0
(221,234,240)

#EAF2F5
(234,242,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #68A2C3 color. Also use rgb(104,162,195) instead hex code.

Text Font Color

.myTextColor { color: #68A2C3; }

<p style="color:#68A2C3">This sample text font color is #68A2C3.</p>

This text font color is #68A2C3.

Background Color

.myBgColor { background-color: #68A2C3; }

<div style="background-color:#68A2C3">Inner text</div>

This div background color is #68A2C3.

Border color

.myBorderColor { border: 1px solid #68A2C3; }

This div border color is #68A2C3.

Opacity

.myOpacity80 { color: #68A2C3; opacity: 0.8; }

Text with #68A2C3 color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #68A2C3;}

This text has shadow with #68A2C3 color.

.textShadow {text-shadow: 3px 3px 1px #68A2C3', 3px 3px 1px red;}

This text has shadow with #68A2C3 primary color and red secondary color.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#68A2C3, Direction=45, Strength=4)}

This text has shadow with #68A2C3 and red colors in old Internet Explorer.

Div box shadow color

/* css code */
.divShadow
{
-moz-box-shadow: 1px 1px 3px 2px #68A2C3;
-webkit-box-shadow: 1px 1px 3px 2px #68A2C3;
box-shadow: 1px 1px 3px 2px #68A2C3;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #68A2C3; -webkit-box-shadow: 1px 1px 3px 2px #68A2C3; box-shadow:1px 1px 3px 2px #68A2C3;">
Div content here
</div>

This div box has shadow with color #68A2C3.