COLOR #C3DDAE

HEX: #C3DDAE
RGB: (195,221,174)

Color info

#C3DDAE contains red, green and blue colors in about the same proportion. Web safe color of #C3DDAE is #CCCC99 (or #CC9).

RGB color model

#C3DDAE color RGB value is (195,221,174).

  • red value is 195;
  • green value is 221;
  • blue value is 174.
RGB:
(195,221,174)
(76%,87%,68%)

RGB channels and saturation

R 195 of 255 = 76%
G 221 of 255 = 87%
B 174 of 255 = 68%

195
221
174

R + G + B ~ 77%. #C3DDAE is quite light color.

Portions of RGB colors in percentages

R + G + B =
195 + 221 + 174 = 590 (100%)
R 195 of 590 ~ 33.05%
G 221 of 590 ~ 37.46%
B 174 of 590 ~ 29.49%

%33.05
%37.46
%29.49

CMYK color model

#C3DDAE color CMYK value is (12,0,21,13).

  • cyan value is 11.76%
  • magenta value is 0.00%
  • yellow value is 21.27%
  • key color value is 13.33%
CMYK:
(12,0,21,13)
C12M0Y21K13 
(12%,0%,21%,13%)
(0.12/0.00/0.21/0.13)	

CMYK percentages

%11.76
%0
%21.27
%13.33

Codes

Color #C3DDAE in popluar color models

C3DDAE
RGB195221174
HSL93°40.87%77.45%
HSB/HSV93°21.27%86.67%
CMYK11.76%0.00%21.27%
13.33%

Color #C3DDAE in popluar number systems.

HEXC3DDAE
Decimal195221174
Binary110000111101110110101110
Octal303335256

Shades and tints

Shades of #C3DDAE

#C3DDAE
(195,221,174)
#B2C99F
(178,201,159)
#A1B590
(161,181,144)
#90A181
(144,161,129)
#7F8D72
(127,141,114)
#6E7963
(110,121,99)
#5D6554
(93,101,84)
#4C5145
(76,81,69)
#3B3D36
(59,61,54)
#2A2927
(42,41,39)
#191518
(25,21,24)
#000000
(0,0,0)

Tints of #C3DDAE

#C3DDAE
(195,221,174)
#C8E0B5
(200,224,181)
#CDE3BC
(205,227,188)
#D2E6C3
(210,230,195)
#D7E9CA
(215,233,202)
#DCECD1
(220,236,209)
#E1EFD8
(225,239,216)
#E6F2DF
(230,242,223)
#EBF5E6
(235,245,230)
#F0F8ED
(240,248,237)
#F5FBF4
(245,251,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C3DDAE color. Also use rgb(195,221,174) instead hex code.

Text Font Color

.myTextColor { color: #C3DDAE; }

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

This text font color is #C3DDAE.


Background Color

.myBgColor { background-color: #C3DDAE; }

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

This div background color is #C3DDAE.


Border color

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

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

This div border color is #C3DDAE.


Opacity

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

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

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

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

This text has shadow with #C3DDAE color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #C3DDAE on black background.


Color preview on white background

This text has color #C3DDAE on white background.



Black color preview on #C3DDAE background

This text has black color on #C3DDAE background.


White color preview on #C3DDAE background

This text has white color on #C3DDAE background.