COLOR #CEA173

HEX: #CEA173
RGB: (206,161,115)

Color info

#CEA173 contains mainly red and green colors. Web safe color of #CEA173 is #CC9966 (or #C96).

RGB color model

#CEA173 color RGB value is (206,161,115).

  • red value is 206;
  • green value is 161;
  • blue value is 115.
RGB:
(206,161,115)
(81%,63%,45%)

RGB channels and saturation

R 206 of 255 = 81%
G 161 of 255 = 63%
B 115 of 255 = 45%

206
161
115

R + G + B ~ 63%. #CEA173 is quite light color.

Portions of RGB colors in percentages

R + G + B =
206 + 161 + 115 = 482 (100%)
R 206 of 482 ~ 42.74%
G 161 of 482 ~ 33.4%
B 115 of 482 ~ 23.86%

%42.74
%33.4
%23.86

CMYK color model

#CEA173 color CMYK value is (0,22,44,19).

  • cyan value is 0.00%
  • magenta value is 21.84%
  • yellow value is 44.17%
  • key color value is 19.22%
CMYK:
(0,22,44,19)
C0M22Y44K19 
(0%,22%,44%,19%)
(0.00/0.22/0.44/0.19)	

CMYK percentages

%0
%21.84
%44.17
%19.22

Codes

Color #CEA173 in popluar color models

CEA173
RGB206161115
HSL30°48.15%62.94%
HSB/HSV30°44.17%80.78%
CMYK0.00%21.84%44.17%
19.22%

Color #CEA173 in popluar number systems.

HEXCEA173
Decimal206161115
Binary11001110101000011110011
Octal316241163

Shades and tints

Shades of #CEA173

#CEA173
(206,161,115)
#BC9369
(188,147,105)
#AA855F
(170,133,95)
#987755
(152,119,85)
#86694B
(134,105,75)
#745B41
(116,91,65)
#624D37
(98,77,55)
#503F2D
(80,63,45)
#3E3123
(62,49,35)
#2C2319
(44,35,25)
#1A150F
(26,21,15)
#000000
(0,0,0)

Tints of #CEA173

#CEA173
(206,161,115)
#D2A97F
(210,169,127)
#D6B18B
(214,177,139)
#DAB997
(218,185,151)
#DEC1A3
(222,193,163)
#E2C9AF
(226,201,175)
#E6D1BB
(230,209,187)
#EAD9C7
(234,217,199)
#EEE1D3
(238,225,211)
#F2E9DF
(242,233,223)
#F6F1EB
(246,241,235)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #CEA173 color. Also use rgb(206,161,115) instead hex code.

Text Font Color

.myTextColor { color: #CEA173; }

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

This text font color is #CEA173.


Background Color

.myBgColor { background-color: #CEA173; }

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

This div background color is #CEA173.


Border color

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

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

This div border color is #CEA173.


Opacity

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

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

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

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

This text has shadow with #CEA173 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #CEA173 on black background.


Color preview on white background

This text has color #CEA173 on white background.



Black color preview on #CEA173 background

This text has black color on #CEA173 background.


White color preview on #CEA173 background

This text has white color on #CEA173 background.