Color #F1A865

Color info

#F1A865 contains mainly red color. Web safe color of #F1A865 is #FF9966 (or #F96).

RGB color model

#F1A865 color RGB value is (241,168,101).

red value is 241;
green value is 168;
blue value is 101.

RGB: (241,168,101) (95%, 66%, 40%)

RGB channels and saturation

R 241 of 255 = 95%
G 168 of 255 = 66%
B 101 of 255 = 40%

241

168

101

R + G + B ~ 67%. #F1A865 is quite light color.

Portions of RGB colors in percentages

R + G + B = 241 + 168 + 101 = 510 (100%)
R 241 of 510 ~ 47.25%
G 168 of 510 ~ 32.94%
B 101 of 510 ~ 19.8'%

%47.25

%32.94

%19.8

CMYK color model

#F1A865 color CMYK value is (0,30,58,5).

cyan value is 0.00%
magenta value is 30.29%
yellow value is 58.09%
key color value is 5.49%

CMYK: (0,30,58,5)
C0M30Y58K5 (0%, 30%, 58%, 5%)
(0.00 / 0.30 / 0.58 / 0.05)

CMYK percentages

%0

%30.29

%58.09

%5.49

Codes

Color #F1A865 in popluar color models

	F1	A8	65
RGB	241	168	101
HSL	29°	83.33%	67.06%
HSB/HSV	29°	58.09%	94.51%
CMYK	0.00%	30.29%	58.09%
CMYK	5.49%

Color #F1A865 in popluar number systems.

HEX	F1	A8	65
Decimal	241	168	101
Binary	11110001	10101000	1100101
Octal	361	250	145

Shades and tints

Shades of #F1A865

#F1A865
(241,168,101)

#DC995C
(220,153,92)

#C78A53
(199,138,83)

#B27B4A
(178,123,74)

#9D6C41
(157,108,65)

#885D38
(136,93,56)

#734E2F
(115,78,47)

#5E3F26
(94,63,38)

#49301D
(73,48,29)

#342114
(52,33,20)

#1F120B
(31,18,11)

#000000
(0,0,0)

Tints of #F1A865

#F1A865
(241,168,101)

#F2AF73
(242,175,115)

#F3B681
(243,182,129)

#F4BD8F
(244,189,143)

#F5C49D
(245,196,157)

#F6CBAB
(246,203,171)

#F7D2B9
(247,210,185)

#F8D9C7
(248,217,199)

#F9E0D5
(249,224,213)

#FAE7E3
(250,231,227)

#FBEEF1
(251,238,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F1A865 color. Also use rgb(241,168,101) instead hex code.

Text Font Color

.myTextColor { color: #F1A865; }

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

This text font color is #F1A865.

Background Color

.myBgColor { background-color: #F1A865; }

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

This div background color is #F1A865.

Border color

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

This div border color is #F1A865.

Opacity

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

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

This text has shadow with #F1A865 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #F1A865.