Color #CCFC6F

Color info

#CCFC6F contains mainly red and green colors. Web safe color of #CCFC6F is #CCFF66 (or #CF6).

RGB color model

#CCFC6F color RGB value is (204,252,111).

red value is 204;
green value is 252;
blue value is 111.

RGB:
(204,252,111)
(80%,99%,44%)

RGB channels and saturation

R 204 of 255 = 80%
G 252 of 255 = 99%
B 111 of 255 = 44%

204

252

111

R + G + B ~ 74%. #CCFC6F is quite light color.

Portions of RGB colors in percentages

R + G + B =
204 + 252 + 111 = 567 (100%)
R 204 of 567 ~ 35.98%
G 252 of 567 ~ 44.44%
B 111 of 567 ~ 19.58%

%35.98

%44.44

%19.58

CMYK color model

#CCFC6F color CMYK value is (19,0,56,1).

cyan value is 19.05%
magenta value is 0.00%
yellow value is 55.95%
key color value is 1.18%

CMYK:
(19,0,56,1)
C19M0Y56K1 
(19%,0%,56%,1%)
(0.19/0.00/0.56/0.01)

CMYK percentages

%19.05

%55.95

%1.18

Codes

Color #CCFC6F in popluar color models

	CC	FC	6F
RGB	204	252	111
HSL	80°	95.92%	71.18%
HSB/HSV	80°	55.95%	98.82%
CMYK	19.05%	0.00%	55.95%
CMYK	1.18%

Color #CCFC6F in popluar number systems.

HEX	CC	FC	6F
Decimal	204	252	111
Binary	11001100	11111100	1101111
Octal	314	374	157

Shades and tints

Shades of #CCFC6F

#CCFC6F
(204,252,111)

#BAE665
(186,230,101)

#A8D05B
(168,208,91)

#96BA51
(150,186,81)

#84A447
(132,164,71)

#728E3D
(114,142,61)

#607833
(96,120,51)

#4E6229
(78,98,41)

#3C4C1F
(60,76,31)

#2A3615
(42,54,21)

#18200B
(24,32,11)

#000000
(0,0,0)

Tints of #CCFC6F

#CCFC6F
(204,252,111)

#D0FC7C
(208,252,124)

#D4FC89
(212,252,137)

#D8FC96
(216,252,150)

#DCFCA3
(220,252,163)

#E0FCB0
(224,252,176)

#E4FCBD
(228,252,189)

#E8FCCA
(232,252,202)

#ECFCD7
(236,252,215)

#F0FCE4
(240,252,228)

#F4FCF1
(244,252,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #CCFC6F color. Also use rgb(204,252,111) instead hex code.

Text Font Color

.myTextColor { color: #CCFC6F; }

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

This text font color is #CCFC6F.

Background Color

.myBgColor { background-color: #CCFC6F; }

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

This div background color is #CCFC6F.

Border color

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

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

This div border color is #CCFC6F.

Opacity

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

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

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

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

This text has shadow with #CCFC6F color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #CCFC6F.

Preview

Color preview on black background

This text has color #CCFC6F on black background.

Color preview on white background

This text has color #CCFC6F on white background.

Black color preview on #CCFC6F background

This text has black color on #CCFC6F background.

White color preview on #CCFC6F background

This text has white color on #CCFC6F background.