#f8af80 hex color

In a RGB color space, hex #f8af80 is composed of 97.3% red, 68.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.4% magenta, 48.4% yellow and 2.7% black. It has a hue angle of 23.5 degrees, a saturation of 89.6% and a lightness of 73.7%. #f8af80 color hex could be obtained by blending #ffffff with #f15f01. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 97
- G 69
- B 50
RGB color chart
- C 0
- M 29
- Y 48
- K 3
CMYK color chart

● #f8af80 color description : Soft orange.

The hexadecimal color #f8af80 has RGB values of R:248, G:175, B:128 and CMYK values of C:0, M:0.29, Y:0.48, K:0.03. Its decimal value is 16297856.

Hex triplet	f8af80	`#f8af80`
RGB Decimal	248, 175, 128	`rgb(248,175,128)`
RGB Percent	97.3, 68.6, 50.2	`rgb(97.3%,68.6%,50.2%)`
CMYK	0, 29, 48, 3
HSL	23.5°, 89.6, 73.7	`hsl(23.5,89.6%,73.7%)`
HSV (or HSB)	23.5°, 48.4, 97.3
Web Safe	ff9999	`#ff9999`

CIE-LAB	77.387, 21.417, 34.682
XYZ	57.938, 52.178, 27.441
xyY	0.421, 0.379, 52.178
CIE-LCH	77.387, 40.762, 58.304
CIE-LUV	77.387, 53.587, 40.724
Hunter-Lab	72.234, 16.762, 28.041
Binary	11111000, 10101111, 10000000

#f8af80
```
#f8af80 rgb(248,175,128)
```
#80c9f8
```
#80c9f8 rgb(128,201,248)
```

Complementary Color

#f8808d
```
#f8808d rgb(248,128,141)
```
#f8af80
```
#f8af80 rgb(248,175,128)
```
#f8eb80
```
#f8eb80 rgb(248,235,128)
```

Analogous Color

#808df8
```
#808df8 rgb(128,141,248)
```
#f8af80
```
#f8af80 rgb(248,175,128)
```
#80f8eb
```
#80f8eb rgb(128,248,235)
```

Split Complementary Color

#af80f8
```
#af80f8 rgb(175,128,248)
```
#f8af80
```
#f8af80 rgb(248,175,128)
```
#80f8af
```
#80f8af rgb(128,248,175)
```

Triadic Color

#f880c9
```
#f880c9 rgb(248,128,201)
```
#f8af80
```
#f8af80 rgb(248,175,128)
```
#80f8af
```
#80f8af rgb(128,248,175)
```
#80c9f8
```
#80c9f8 rgb(128,201,248)
```

Tetradic Color

#f48137
```
#f48137 rgb(244,129,55)
```
#f59150
```
#f59150 rgb(245,145,80)
```
#f7a068
```
#f7a068 rgb(247,160,104)
```
#f8af80
```
#f8af80 rgb(248,175,128)
```
#f9be98
```
#f9be98 rgb(249,190,152)
```
#fbcdb0
```
#fbcdb0 rgb(251,205,176)
```
#fcddc9
```
#fcddc9 rgb(252,221,201)
```

Monochromatic Color

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

#f89180
```
#f89180 rgb(248,145,128)
```
#f89b80
```
#f89b80 rgb(248,155,128)
```
#f8a580
```
#f8a580 rgb(248,165,128)
```
#f8af80
```
#f8af80 rgb(248,175,128)
```
#f8b980
```
#f8b980 rgb(248,185,128)
```
#f8c380
```
#f8c380 rgb(248,195,128)
```
#f8cd80
```
#f8cd80 rgb(248,205,128)
```

Similar Colors

Text with hexadecimal color #f8af80

This text has a font color of #f8af80.

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

#f8af80 background color

This paragraph has a background color of #f8af80.

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

#f8af80 border color

This element has a border color of #f8af80.

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

CSS codes

.text {color:#f8af80;}

.background {background-color:#f8af80;}

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

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, #030100 is the darkest color, while #fef5f0 is the lightest one.

#030100
```
#030100 rgb(3,1,0)
```
#160901
```
#160901 rgb(22,9,1)
```
#281102
```
#281102 rgb(40,17,2)
```
#3b1903
```
#3b1903 rgb(59,25,3)
```
#4d2104
```
#4d2104 rgb(77,33,4)
```
#602905
```
#602905 rgb(96,41,5)
```
#733106
```
#733106 rgb(115,49,6)
```
#853907
```
#853907 rgb(133,57,7)
```
#984108
```
#984108 rgb(152,65,8)
```
#aa4809
```
#aa4809 rgb(170,72,9)
```
#bd500a
```
#bd500a rgb(189,80,10)
```
#d0580b
```
#d0580b rgb(208,88,11)
```
#e2600c
```
#e2600c rgb(226,96,12)
```

Shade Color Variation

#f26910
```
#f26910 rgb(242,105,16)
```
#f37423
```
#f37423 rgb(243,116,35)
```
#f48036
```
#f48036 rgb(244,128,54)
```
#f58c48
```
#f58c48 rgb(245,140,72)
```
#f6985b
```
#f6985b rgb(246,152,91)
```
#f7a36d
```
#f7a36d rgb(247,163,109)
```
#f8af80
```
#f8af80 rgb(248,175,128)
```
#f9bb93
```
#f9bb93 rgb(249,187,147)
```
#fac6a5
```
#fac6a5 rgb(250,198,165)
```
#fbd2b8
```
#fbd2b8 rgb(251,210,184)
```
#fcdeca
```
#fcdeca rgb(252,222,202)
```
#fdeadd
```
#fdeadd rgb(253,234,221)
```
#fef5f0
```
#fef5f0 rgb(254,245,240)
```

Tint Color Variation

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

#bfbbb9
```
#bfbbb9 rgb(191,187,185)
```
#c4bab4
```
#c4bab4 rgb(196,186,180)
```
#cab9ae
```
#cab9ae rgb(202,185,174)
```
#cfb8a9
```
#cfb8a9 rgb(207,184,169)
```
#d4b7a4
```
#d4b7a4 rgb(212,183,164)
```
#d9b69f
```
#d9b69f rgb(217,182,159)
```
#deb59a
```
#deb59a rgb(222,181,154)
```
#e3b395
```
#e3b395 rgb(227,179,149)
```
#e9b28f
```
#e9b28f rgb(233,178,143)
```
#eeb18a
```
#eeb18a rgb(238,177,138)
```
#f3b085
```
#f3b085 rgb(243,176,133)
```
#f8af80
```
#f8af80 rgb(248,175,128)
```
#fdae7b
```
#fdae7b rgb(253,174,123)
```

Tone Color Variation

Below, you can see how #f8af80 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

#bfbfbf Achromatopsia 0.005% of the population
#cabcb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1c28c Protanopia 1% of men
#e7ba84 Deuteranopia 1% of men
#fdacb8 Tritanopia 0.001% of the population

Trichromacy

#dfbb87 Protanomaly 1% of men, 0.01% of women
#edb682 Deuteranomaly 6% of men, 0.4% of women
#fbada3 Tritanomaly 0.01% of the population

#f8af80 hex color

#f8af80 Color Information

#f8af80 Color Conversion

Color Schemes with #f8af80

Alternatives to #f8af80

#f8af80 Preview

Shades and Tints of #f8af80

Tones of #f8af80

Color Blindness Simulator