Color #FEC586

Color info

#FEC586 contains mainly red and green colors. Web safe color of #FEC586 is #FFCC99 (or #FC9).

RGB color model

#FEC586 color RGB value is (254,197,134).

red value is 254;
green value is 197;
blue value is 134.

RGB:
(254,197,134)
(100%,77%,53%)

RGB channels and saturation

R 254 of 255 = 100%
G 197 of 255 = 77%
B 134 of 255 = 53%

254

197

134

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

Portions of RGB colors in percentages

R + G + B =
254 + 197 + 134 = 585 (100%)
R 254 of 585 ~ 43.42%
G 197 of 585 ~ 33.68%
B 134 of 585 ~ 22.91%

%43.42

%33.68

%22.91

CMYK color model

#FEC586 color CMYK value is (0,22,47,0).

cyan value is 0.00%
magenta value is 22.44%
yellow value is 47.24%
key color value is 0.39%

CMYK:
(0,22,47,0)
C0M22Y47K0 
(0%,22%,47%,0%)
(0.00/0.22/0.47/0.00)

CMYK percentages

%22.44

%47.24

%0.39

Codes

Color #FEC586 in popluar color models

	FE	C5	86
RGB	254	197	134
HSL	32°	98.36%	76.08%
HSB/HSV	32°	47.24%	99.61%
CMYK	0.00%	22.44%	47.24%
CMYK	0.39%

Color #FEC586 in popluar number systems.

HEX	FE	C5	86
Decimal	254	197	134
Binary	11111110	11000101	10000110
Octal	376	305	206

Shades and tints

Shades of #FEC586

#FEC586
(254,197,134)

#E7B47A
(231,180,122)

#D0A36E
(208,163,110)

#B99262
(185,146,98)

#A28156
(162,129,86)

#8B704A
(139,112,74)

#745F3E
(116,95,62)

#5D4E32
(93,78,50)

#463D26
(70,61,38)

#2F2C1A
(47,44,26)

#181B0E
(24,27,14)

#000000
(0,0,0)

Tints of #FEC586

#FEC586
(254,197,134)

#FECA91
(254,202,145)

#FECF9C
(254,207,156)

#FED4A7
(254,212,167)

#FED9B2
(254,217,178)

#FEDEBD
(254,222,189)

#FEE3C8
(254,227,200)

#FEE8D3
(254,232,211)

#FEEDDE
(254,237,222)

#FEF2E9
(254,242,233)

#FEF7F4
(254,247,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #FEC586 color. Also use rgb(254,197,134) instead hex code.

Text Font Color

.myTextColor { color: #FEC586; }

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

This text font color is #FEC586.

Background Color

.myBgColor { background-color: #FEC586; }

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

This div background color is #FEC586.

Border color

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

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

This div border color is #FEC586.

Opacity

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

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

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

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

This text has shadow with #FEC586 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #FEC586.

Preview

Color preview on black background

This text has color #FEC586 on black background.

Color preview on white background

This text has color #FEC586 on white background.

Black color preview on #FEC586 background

This text has black color on #FEC586 background.

White color preview on #FEC586 background

This text has white color on #FEC586 background.