Color #F3A58C

Color info

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

RGB color model

#F3A58C color RGB value is (243,165,140).

red value is 243;
green value is 165;
blue value is 140.

RGB: (243,165,140) (95%, 65%, 55%)

RGB channels and saturation

R 243 of 255 = 95%
G 165 of 255 = 65%
B 140 of 255 = 55%

243

165

140

R + G + B ~ 72%. #F3A58C is quite light color.

Portions of RGB colors in percentages

R + G + B = 243 + 165 + 140 = 548 (100%)
R 243 of 548 ~ 44.34%
G 165 of 548 ~ 30.11%
B 140 of 548 ~ 25.55'%

%44.34

%30.11

%25.55

CMYK color model

#F3A58C color CMYK value is (0,32,42,5).

cyan value is 0.00%
magenta value is 32.10%
yellow value is 42.39%
key color value is 4.71%

CMYK: (0,32,42,5)
C0M32Y42K5 (0%, 32%, 42%, 5%)
(0.00 / 0.32 / 0.42 / 0.05)

CMYK percentages

%0

%32.1

%42.39

%4.71

Codes

Color #F3A58C in popluar color models

	F3	A5	8C
RGB	243	165	140
HSL	15°	81.10%	75.10%
HSB/HSV	15°	42.39%	95.29%
CMYK	0.00%	32.10%	42.39%
CMYK	4.71%

Color #F3A58C in popluar number systems.

HEX	F3	A5	8C
Decimal	243	165	140
Binary	11110011	10100101	10001100
Octal	363	245	214

Shades and tints

Shades of #F3A58C

#F3A58C
(243,165,140)

#DD9680
(221,150,128)

#C78774
(199,135,116)

#B17868
(177,120,104)

#9B695C
(155,105,92)

#855A50
(133,90,80)

#6F4B44
(111,75,68)

#593C38
(89,60,56)

#432D2C
(67,45,44)

#2D1E20
(45,30,32)

#170F14
(23,15,20)

#000000
(0,0,0)

Tints of #F3A58C

#F3A58C
(243,165,140)

#F4AD96
(244,173,150)

#F5B5A0
(245,181,160)

#F6BDAA
(246,189,170)

#F7C5B4
(247,197,180)

#F8CDBE
(248,205,190)

#F9D5C8
(249,213,200)

#FADDD2
(250,221,210)

#FBE5DC
(251,229,220)

#FCEDE6
(252,237,230)

#FDF5F0
(253,245,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F3A58C color. Also use rgb(243,165,140) instead hex code.

Text Font Color

.myTextColor { color: #F3A58C; }

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

This text font color is #F3A58C.

Background Color

.myBgColor { background-color: #F3A58C; }

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

This div background color is #F3A58C.

Border color

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

This div border color is #F3A58C.

Opacity

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

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

This text has shadow with #F3A58C color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #F3A58C.