COLOR #CEFAC9

HEX: #CEFAC9
RGB: (206,250,201)

Color info

#CEFAC9 contains red, green and blue colors in about the same proportion. Web safe color of #CEFAC9 is #CCFFCC (or #CFC).

RGB color model

#CEFAC9 color RGB value is (206,250,201).

  • red value is 206;
  • green value is 250;
  • blue value is 201.
RGB:
(206,250,201)
(81%,98%,79%)

RGB channels and saturation

R 206 of 255 = 81%
G 250 of 255 = 98%
B 201 of 255 = 79%

206
250
201

R + G + B ~ 86%. #CEFAC9 is light color.

Portions of RGB colors in percentages

R + G + B =
206 + 250 + 201 = 657 (100%)
R 206 of 657 ~ 31.35%
G 250 of 657 ~ 38.05%
B 201 of 657 ~ 30.59%

%31.35
%38.05
%30.59

CMYK color model

#CEFAC9 color CMYK value is (18,0,20,2).

  • cyan value is 17.60%
  • magenta value is 0.00%
  • yellow value is 19.60%
  • key color value is 1.96%
CMYK:
(18,0,20,2)
C18M0Y20K2 
(18%,0%,20%,2%)
(0.18/0.00/0.20/0.02)	

CMYK percentages

%17.6
%0
%19.6
%1.96

Codes

Color #CEFAC9 in popluar color models

CEFAC9
RGB206250201
HSL114°83.05%88.43%
HSB/HSV114°19.60%98.04%
CMYK17.60%0.00%19.60%
1.96%

Color #CEFAC9 in popluar number systems.

HEXCEFAC9
Decimal206250201
Binary110011101111101011001001
Octal316372311

Shades and tints

Shades of #CEFAC9

#CEFAC9
(206,250,201)
#BCE4B7
(188,228,183)
#AACEA5
(170,206,165)
#98B893
(152,184,147)
#86A281
(134,162,129)
#748C6F
(116,140,111)
#62765D
(98,118,93)
#50604B
(80,96,75)
#3E4A39
(62,74,57)
#2C3427
(44,52,39)
#1A1E15
(26,30,21)
#000000
(0,0,0)

Tints of #CEFAC9

#CEFAC9
(206,250,201)
#D2FACD
(210,250,205)
#D6FAD1
(214,250,209)
#DAFAD5
(218,250,213)
#DEFAD9
(222,250,217)
#E2FADD
(226,250,221)
#E6FAE1
(230,250,225)
#EAFAE5
(234,250,229)
#EEFAE9
(238,250,233)
#F2FAED
(242,250,237)
#F6FAF1
(246,250,241)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #CEFAC9 color. Also use rgb(206,250,201) instead hex code.

Text Font Color

.myTextColor { color: #CEFAC9; }

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

This text font color is #CEFAC9.


Background Color

.myBgColor { background-color: #CEFAC9; }

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

This div background color is #CEFAC9.


Border color

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

<div style="border:3px solid #CEFAC9">Div</div>

This div border color is #CEFAC9.


Opacity

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

<p style="color:#CEFAC9;opacity:0.8;">80%</p>

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

<p style="text-shadow: 3px 3px 1px #CEFAC9">Text here.</p>

This text has shadow with #CEFAC9 color.

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

<p style="text-shadow: 3px 3px 1px #CEFAC9, 5px 5px 20px red">Text here.</p>

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


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

<p style="filter: Shadow(Color=#CEFAC9, Direction=45, Strength=4)">Text</p>

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #CEFAC9 on black background.


Color preview on white background

This text has color #CEFAC9 on white background.



Black color preview on #CEFAC9 background

This text has black color on #CEFAC9 background.


White color preview on #CEFAC9 background

This text has white color on #CEFAC9 background.