#f0af86 hex color

In a RGB color space, hex #f0af86 is composed of 94.1% red, 68.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.1% magenta, 44.2% yellow and 5.9% black. It has a hue angle of 23.2 degrees, a saturation of 77.9% and a lightness of 73.3%. #f0af86 color hex could be obtained by blending #ffffff with #e15f0d. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 94
- G 69
- B 53
RGB color chart
- C 0
- M 27
- Y 44
- K 6
CMYK color chart

● #f0af86 color description : Very soft orange.

The hexadecimal color #f0af86 has RGB values of R:240, G:175, B:134 and CMYK values of C:0, M:0.27, Y:0.44, K:0.06. Its decimal value is 15773574.

Hex triplet	f0af86	`#f0af86`
RGB Decimal	240, 175, 134	`rgb(240,175,134)`
RGB Percent	94.1, 68.6, 52.5	`rgb(94.1%,68.6%,52.5%)`
CMYK	0, 27, 44, 6
HSL	23.2°, 77.9, 73.3	`hsl(23.2,77.9%,73.3%)`
HSV (or HSB)	23.2°, 44.2, 94.1
Web Safe	ff9999	`#ff9999`

CIE-LAB	76.624, 18.846, 30.351
XYZ	55.569, 50.909, 29.453
xyY	0.409, 0.375, 50.909
CIE-LCH	76.624, 35.726, 58.162
CIE-LUV	76.624, 46.89, 36.37
Hunter-Lab	71.351, 14.154, 25.471
Binary	11110000, 10101111, 10000110

#f0af86
```
#f0af86 rgb(240,175,134)
```
#86c7f0
```
#86c7f0 rgb(134,199,240)
```

Complementary Color

#f08692
```
#f08692 rgb(240,134,146)
```
#f0af86
```
#f0af86 rgb(240,175,134)
```
#f0e486
```
#f0e486 rgb(240,228,134)
```

Analogous Color

#8692f0
```
#8692f0 rgb(134,146,240)
```
#f0af86
```
#f0af86 rgb(240,175,134)
```
#86f0e4
```
#86f0e4 rgb(134,240,228)
```

Split Complementary Color

#af86f0
```
#af86f0 rgb(175,134,240)
```
#f0af86
```
#f0af86 rgb(240,175,134)
```
#86f0af
```
#86f0af rgb(134,240,175)
```

Triadic Color

#f086c7
```
#f086c7 rgb(240,134,199)
```
#f0af86
```
#f0af86 rgb(240,175,134)
```
#86f0af
```
#86f0af rgb(134,240,175)
```
#86c7f0
```
#86c7f0 rgb(134,199,240)
```

Tetradic Color

#e88242
```
#e88242 rgb(232,130,66)
```
#ea9159
```
#ea9159 rgb(234,145,89)
```
#eda06f
```
#eda06f rgb(237,160,111)
```
#f0af86
```
#f0af86 rgb(240,175,134)
```
#f3be9d
```
#f3be9d rgb(243,190,157)
```
#f6cdb3
```
#f6cdb3 rgb(246,205,179)
```
#f8dcca
```
#f8dcca rgb(248,220,202)
```

Monochromatic Color

Below, you can see some colors close to #f0af86. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#f09586
```
#f09586 rgb(240,149,134)
```
#f09d86
```
#f09d86 rgb(240,157,134)
```
#f0a686
```
#f0a686 rgb(240,166,134)
```
#f0af86
```
#f0af86 rgb(240,175,134)
```
#f0b886
```
#f0b886 rgb(240,184,134)
```
#f0c186
```
#f0c186 rgb(240,193,134)
```
#f0ca86
```
#f0ca86 rgb(240,202,134)
```

Similar Colors

Text with hexadecimal color #f0af86

This text has a font color of #f0af86.

<span style="color:#f0af86;">Text here</span>

#f0af86 background color

This paragraph has a background color of #f0af86.

<p style="background-color:#f0af86;">Content here</p>

#f0af86 border color

This element has a border color of #f0af86.

<div style="border:1px solid #f0af86;">Content here</div>

CSS codes

.text {color:#f0af86;}

.background {background-color:#f0af86;}

.border {border:1px solid #f0af86;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010100 is the darkest color, while #fdf4ef is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#130902
```
#130902 rgb(19,9,2)
```
#241104
```
#241104 rgb(36,17,4)
```
#361907
```
#361907 rgb(54,25,7)
```
#472109
```
#472109 rgb(71,33,9)
```
#58290b
```
#58290b rgb(88,41,11)
```
#6a310d
```
#6a310d rgb(106,49,13)
```
#7b390f
```
#7b390f rgb(123,57,15)
```
#8d4111
```
#8d4111 rgb(141,65,17)
```
#9e4914
```
#9e4914 rgb(158,73,20)
```
#b05116
```
#b05116 rgb(176,81,22)
```
#c15918
```
#c15918 rgb(193,89,24)
```
#d3611a
```
#d3611a rgb(211,97,26)
```

Shade Color Variation

#e36a1d
```
#e36a1d rgb(227,106,29)
```
#e5752f
```
#e5752f rgb(229,117,47)
```
#e78140
```
#e78140 rgb(231,129,64)
```
#ea8c52
```
#ea8c52 rgb(234,140,82)
```
#ec9863
```
#ec9863 rgb(236,152,99)
```
#eea375
```
#eea375 rgb(238,163,117)
```
#f0af86
```
#f0af86 rgb(240,175,134)
```
#f2bb97
```
#f2bb97 rgb(242,187,151)
```
#f4c6a9
```
#f4c6a9 rgb(244,198,169)
```
#f6d2ba
```
#f6d2ba rgb(246,210,186)
```
#f9ddcc
```
#f9ddcc rgb(249,221,204)
```
#fbe9dd
```
#fbe9dd rgb(251,233,221)
```
#fdf4ef
```
#fdf4ef rgb(253,244,239)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #bcbbba is the less saturated color, while #faad7c is the most saturated one.

#bcbbba
```
#bcbbba rgb(188,187,186)
```
#c1bab5
```
#c1bab5 rgb(193,186,181)
```
#c6b8b0
```
#c6b8b0 rgb(198,184,176)
```
#cbb7ab
```
#cbb7ab rgb(203,183,171)
```
#d1b6a5
```
#d1b6a5 rgb(209,182,165)
```
#d6b5a0
```
#d6b5a0 rgb(214,181,160)
```
#dbb49b
```
#dbb49b rgb(219,180,155)
```
#e0b396
```
#e0b396 rgb(224,179,150)
```
#e6b190
```
#e6b190 rgb(230,177,144)
```
#ebb08b
```
#ebb08b rgb(235,176,139)
```
#f0af86
```
#f0af86 rgb(240,175,134)
```
#f5ae81
```
#f5ae81 rgb(245,174,129)
```
#faad7c
```
#faad7c rgb(250,173,124)
```

Tone Color Variation

Below, you can see how #f0af86 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#bebebe Achromatopsia 0.005% of the population
#c8bbb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc091 Protanopia 1% of men
#e3b88a Deuteranopia 1% of men
#f5adb8 Tritanopia 0.001% of the population

Trichromacy

#dab98d Protanomaly 1% of men, 0.01% of women
#e8b588 Deuteranomaly 6% of men, 0.4% of women
#f3ada6 Tritanomaly 0.01% of the population

#f0af86 hex color

#f0af86 Color Information

#f0af86 Color Conversion

Color Schemes with #f0af86

Alternatives to #f0af86

#f0af86 Preview

Shades and Tints of #f0af86

Tones of #f0af86

Color Blindness Simulator