COLOR #CCEEFE

HEX: #CCEEFE RGB: (204,238,254)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#CCEEFE contains red, green and blue colors in about the same proportion. Web safe color of #CCEEFE is #CCFFFF (or #CFF).

RGB color model

#CCEEFE color RGB value is (204,238,254).

red value is 204;
green value is 238;
blue value is 254.

RGB: (204,238,254) (80%, 93%, 100%)

RGB channels and saturation

R 204 of 255 = 80%
G 238 of 255 = 93%
B 254 of 255 = 100%

204

238

254

R + G + B ~ 91%. #CCEEFE is light color.

Portions of RGB colors in percentages

R + G + B = 204 + 238 + 254 = 696 (100%)
R 204 of 696 ~ 29.31%
G 238 of 696 ~ 34.2%
B 254 of 696 ~ 36.49'%

%29.31

%34.2

%36.49

CMYK color model

#CCEEFE color CMYK value is (20,6,0,0).

cyan value is 19.69%
magenta value is 6.30%
yellow value is 0.00%
key color value is 0.39%

CMYK: (20,6,0,0) C20M6Y0K0 (20%,6%,0%,0%) (0.20/0.06/0.00/0.00)

CMYK percentages

%19.69

%6.3

%0.39

Codes

Color #CCEEFE in popluar color models

	CC	EE	FE
RGB	204	238	254
HSL	199°	96.15%	89.80%
HSB/HSV	199°	19.69%	99.61%
CMYK	19.69%	6.30%	0.00%
CMYK	0.39%

Color #CCEEFE in popluar number systems.

HEX	CC	EE	FE
Decimal	204	238	254
Binary	11001100	11101110	11111110
Octal	314	356	376

Shades and tints

Shades of #CCEEFE

#CCEEFE
(204,238,254)

#BAD9E7
(186,217,231)

#A8C4D0
(168,196,208)

#96AFB9
(150,175,185)

#849AA2
(132,154,162)

#72858B
(114,133,139)

#607074
(96,112,116)

#4E5B5D
(78,91,93)

#3C4646
(60,70,70)

#2A312F
(42,49,47)

#181C18
(24,28,24)

#000000
(0,0,0)

Tints of #CCEEFE

#CCEEFE
(204,238,254)

#D0EFFE
(208,239,254)

#D4F0FE
(212,240,254)

#D8F1FE
(216,241,254)

#DCF2FE
(220,242,254)

#E0F3FE
(224,243,254)

#E4F4FE
(228,244,254)

#E8F5FE
(232,245,254)

#ECF6FE
(236,246,254)

#F0F7FE
(240,247,254)

#F4F8FE
(244,248,254)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #CCEEFE color. Also use rgb(204,238,254) instead hex code.

Text Font Color

.myTextColor { color: #CCEEFE; }

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

This text font color is #CCEEFE.

Background Color

.myBgColor { background-color: #CCEEFE; }

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

This div background color is #CCEEFE.

Border color

.myBorderColor { border: 1px solid #CCEEFE; }

This div border color is #CCEEFE.

Opacity

.myOpacity80 { color: #CCEEFE; opacity: 0.8; }

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

This text has shadow with #CCEEFE color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #CCEEFE.