Color #68CACA

Color info

#68CACA contains mainly green and blue colors. Web safe color of #68CACA is #66CCCC (or #6CC).

RGB color model

#68CACA color RGB value is (104,202,202).

red value is 104;
green value is 202;
blue value is 202.

RGB: (104,202,202) (41%, 79%, 79%)

RGB channels and saturation

R 104 of 255 = 41%
G 202 of 255 = 79%
B 202 of 255 = 79%

104

202

R + G + B ~ 66%. #68CACA is quite light color.

Portions of RGB colors in percentages

R + G + B = 104 + 202 + 202 = 508 (100%)
R 104 of 508 ~ 20.47%
G 202 of 508 ~ 39.76%
B 202 of 508 ~ 39.76'%

%20.47

%39.76

CMYK color model

#68CACA color CMYK value is (49,0,0,21).

cyan value is 48.51%
magenta value is 0.00%
yellow value is 0.00%
key color value is 20.78%

CMYK: (49,0,0,21)
C49M0Y0K21 (49%, 0%, 0%, 21%)
(0.49 / 0.00 / 0.00 / 0.21)

CMYK percentages

%48.51

%0

%20.78

Codes

Color #68CACA in popluar color models

	68	CA	CA
RGB	104	202	202
HSL	180°	48.04%	60.00%
HSB/HSV	180°	48.51%	79.22%
CMYK	48.51%	0.00%	0.00%
CMYK	20.78%

Color #68CACA in popluar number systems.

HEX	68	CA	CA
Decimal	104	202	202
Binary	1101000	11001010	11001010
Octal	150	312	312

Shades and tints

Shades of #68CACA

#68CACA
(104,202,202)

#5FB8B8
(95,184,184)

#56A6A6
(86,166,166)

#4D9494
(77,148,148)

#448282
(68,130,130)

#3B7070
(59,112,112)

#325E5E
(50,94,94)

#294C4C
(41,76,76)

#203A3A
(32,58,58)

#172828
(23,40,40)

#0E1616
(14,22,22)

#000000
(0,0,0)

Tints of #68CACA

#68CACA
(104,202,202)

#75CECE
(117,206,206)

#82D2D2
(130,210,210)

#8FD6D6
(143,214,214)

#9CDADA
(156,218,218)

#A9DEDE
(169,222,222)

#B6E2E2
(182,226,226)

#C3E6E6
(195,230,230)

#D0EAEA
(208,234,234)

#DDEEEE
(221,238,238)

#EAF2F2
(234,242,242)

#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #68CACA; }

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

This text font color is #68CACA.

Background Color

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

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

This div background color is #68CACA.

Border color

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

This div border color is #68CACA.

Opacity

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

Text with #68CACA 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 #68CACA;}

This text has shadow with #68CACA color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #68CACA.