COLOR #FEA490

HEX: #FEA490
RGB: (254,164,144)

Color info

#FEA490 contains mainly red color. Web safe color of #FEA490 is #FF9999 (or #F99).

RGB color model

#FEA490 color RGB value is (254,164,144).

  • red value is 254;
  • green value is 164;
  • blue value is 144.
RGB:
(254,164,144)
(100%,64%,56%)

RGB channels and saturation

R 254 of 255 = 100%
G 164 of 255 = 64%
B 144 of 255 = 56%

254
164
144

R + G + B ~ 73%. #FEA490 is quite light color.

Portions of RGB colors in percentages

R + G + B =
254 + 164 + 144 = 562 (100%)
R 254 of 562 ~ 45.2%
G 164 of 562 ~ 29.18%
B 144 of 562 ~ 25.62%

%45.2
%29.18
%25.62

CMYK color model

#FEA490 color CMYK value is (0,35,43,0).

  • cyan value is 0.00%
  • magenta value is 35.43%
  • yellow value is 43.31%
  • key color value is 0.39%
CMYK:
(0,35,43,0)
C0M35Y43K0 
(0%,35%,43%,0%)
(0.00/0.35/0.43/0.00)	

CMYK percentages

%0
%35.43
%43.31
%0.39

Codes

Color #FEA490 in popluar color models

FEA490
RGB254164144
HSL11°98.21%78.04%
HSB/HSV11°43.31%99.61%
CMYK0.00%35.43%43.31%
0.39%

Color #FEA490 in popluar number systems.

HEXFEA490
Decimal254164144
Binary111111101010010010010000
Octal376244220

Shades and tints

Shades of #FEA490

#FEA490
(254,164,144)
#E79683
(231,150,131)
#D08876
(208,136,118)
#B97A69
(185,122,105)
#A26C5C
(162,108,92)
#8B5E4F
(139,94,79)
#745042
(116,80,66)
#5D4235
(93,66,53)
#463428
(70,52,40)
#2F261B
(47,38,27)
#18180E
(24,24,14)
#000000
(0,0,0)

Tints of #FEA490

#FEA490
(254,164,144)
#FEAC9A
(254,172,154)
#FEB4A4
(254,180,164)
#FEBCAE
(254,188,174)
#FEC4B8
(254,196,184)
#FECCC2
(254,204,194)
#FED4CC
(254,212,204)
#FEDCD6
(254,220,214)
#FEE4E0
(254,228,224)
#FEECEA
(254,236,234)
#FEF4F4
(254,244,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #FEA490 color. Also use rgb(254,164,144) instead hex code.

Text Font Color

.myTextColor { color: #FEA490; }

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

This text font color is #FEA490.


Background Color

.myBgColor { background-color: #FEA490; }

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

This div background color is #FEA490.


Border color

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

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

This div border color is #FEA490.


Opacity

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

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

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

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

This text has shadow with #FEA490 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #FEA490 on black background.


Color preview on white background

This text has color #FEA490 on white background.



Black color preview on #FEA490 background

This text has black color on #FEA490 background.


White color preview on #FEA490 background

This text has white color on #FEA490 background.