COLOR #FDAB87

HEX: #FDAB87
RGB: (253,171,135)

Color info

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

RGB color model

#FDAB87 color RGB value is (253,171,135).

  • red value is 253;
  • green value is 171;
  • blue value is 135.
RGB:
(253,171,135)
(99%,67%,53%)

RGB channels and saturation

R 253 of 255 = 99%
G 171 of 255 = 67%
B 135 of 255 = 53%

253
171
135

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

Portions of RGB colors in percentages

R + G + B =
253 + 171 + 135 = 559 (100%)
R 253 of 559 ~ 45.26%
G 171 of 559 ~ 30.59%
B 135 of 559 ~ 24.15%

%45.26
%30.59
%24.15

CMYK color model

#FDAB87 color CMYK value is (0,32,47,1).

  • cyan value is 0.00%
  • magenta value is 32.41%
  • yellow value is 46.64%
  • key color value is 0.78%
CMYK:
(0,32,47,1)
C0M32Y47K1 
(0%,32%,47%,1%)
(0.00/0.32/0.47/0.01)	

CMYK percentages

%0
%32.41
%46.64
%0.78

Codes

Color #FDAB87 in popluar color models

FDAB87
RGB253171135
HSL18°96.72%76.08%
HSB/HSV18°46.64%99.22%
CMYK0.00%32.41%46.64%
0.78%

Color #FDAB87 in popluar number systems.

HEXFDAB87
Decimal253171135
Binary111111011010101110000111
Octal375253207

Shades and tints

Shades of #FDAB87

#FDAB87
(253,171,135)
#E69C7B
(230,156,123)
#CF8D6F
(207,141,111)
#B87E63
(184,126,99)
#A16F57
(161,111,87)
#8A604B
(138,96,75)
#73513F
(115,81,63)
#5C4233
(92,66,51)
#453327
(69,51,39)
#2E241B
(46,36,27)
#17150F
(23,21,15)
#000000
(0,0,0)

Tints of #FDAB87

#FDAB87
(253,171,135)
#FDB291
(253,178,145)
#FDB99B
(253,185,155)
#FDC0A5
(253,192,165)
#FDC7AF
(253,199,175)
#FDCEB9
(253,206,185)
#FDD5C3
(253,213,195)
#FDDCCD
(253,220,205)
#FDE3D7
(253,227,215)
#FDEAE1
(253,234,225)
#FDF1EB
(253,241,235)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #FDAB87 color. Also use rgb(253,171,135) instead hex code.

Text Font Color

.myTextColor { color: #FDAB87; }

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

This text font color is #FDAB87.


Background Color

.myBgColor { background-color: #FDAB87; }

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

This div background color is #FDAB87.


Border color

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

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

This div border color is #FDAB87.


Opacity

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

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

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

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

This text has shadow with #FDAB87 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #FDAB87 on black background.


Color preview on white background

This text has color #FDAB87 on white background.



Black color preview on #FDAB87 background

This text has black color on #FDAB87 background.


White color preview on #FDAB87 background

This text has white color on #FDAB87 background.