COLOR #C5DC6B

HEX: #C5DC6B
RGB: (197,220,107)

Color info

#C5DC6B contains mainly red and green colors. Web safe color of #C5DC6B is #CCCC66 (or #CC6).

RGB color model

#C5DC6B color RGB value is (197,220,107).

  • red value is 197;
  • green value is 220;
  • blue value is 107.
RGB:
(197,220,107)
(77%,86%,42%)

RGB channels and saturation

R 197 of 255 = 77%
G 220 of 255 = 86%
B 107 of 255 = 42%

197
220
107

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

Portions of RGB colors in percentages

R + G + B =
197 + 220 + 107 = 524 (100%)
R 197 of 524 ~ 37.6%
G 220 of 524 ~ 41.98%
B 107 of 524 ~ 20.42%

%37.6
%41.98
%20.42

CMYK color model

#C5DC6B color CMYK value is (10,0,51,14).

  • cyan value is 10.45%
  • magenta value is 0.00%
  • yellow value is 51.36%
  • key color value is 13.73%
CMYK:
(10,0,51,14)
C10M0Y51K14 
(10%,0%,51%,14%)
(0.10/0.00/0.51/0.14)	

CMYK percentages

%10.45
%0
%51.36
%13.73

Codes

Color #C5DC6B in popluar color models

C5DC6B
RGB197220107
HSL72°61.75%64.12%
HSB/HSV72°51.36%86.27%
CMYK10.45%0.00%51.36%
13.73%

Color #C5DC6B in popluar number systems.

HEXC5DC6B
Decimal197220107
Binary11000101110111001101011
Octal305334153

Shades and tints

Shades of #C5DC6B

#C5DC6B
(197,220,107)
#B4C862
(180,200,98)
#A3B459
(163,180,89)
#92A050
(146,160,80)
#818C47
(129,140,71)
#70783E
(112,120,62)
#5F6435
(95,100,53)
#4E502C
(78,80,44)
#3D3C23
(61,60,35)
#2C281A
(44,40,26)
#1B1411
(27,20,17)
#000000
(0,0,0)

Tints of #C5DC6B

#C5DC6B
(197,220,107)
#CADF78
(202,223,120)
#CFE285
(207,226,133)
#D4E592
(212,229,146)
#D9E89F
(217,232,159)
#DEEBAC
(222,235,172)
#E3EEB9
(227,238,185)
#E8F1C6
(232,241,198)
#EDF4D3
(237,244,211)
#F2F7E0
(242,247,224)
#F7FAED
(247,250,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C5DC6B color. Also use rgb(197,220,107) instead hex code.

Text Font Color

.myTextColor { color: #C5DC6B; }

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

This text font color is #C5DC6B.


Background Color

.myBgColor { background-color: #C5DC6B; }

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

This div background color is #C5DC6B.


Border color

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

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

This div border color is #C5DC6B.


Opacity

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

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

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

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

This text has shadow with #C5DC6B color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #C5DC6B on black background.


Color preview on white background

This text has color #C5DC6B on white background.



Black color preview on #C5DC6B background

This text has black color on #C5DC6B background.


White color preview on #C5DC6B background

This text has white color on #C5DC6B background.