colorhexa.com

#f0af80 hex color

In a RGB color space, hex #f0af80 is composed of 94.1% red, 68.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.1% magenta, 46.7% yellow and 5.9% black. It has a hue angle of 25.2 degrees, a saturation of 78.9% and a lightness of 72.2%. #f0af80 color hex could be obtained by blending #ffffff with #e15f01. Closest websafe color is: #ff9999.

- R 94
- G 69
- B 50
RGB color chart
- C 0
- M 27
- Y 47
- K 6
CMYK color chart

● #f0af80 color description : Soft orange.

The hexadecimal color #f0af80 has RGB values of R:240, G:175, B:128 and CMYK values of C:0, M:0.27, Y:0.47, K:0.06. Its decimal value is 15773568.

Hex triplet	f0af80	`#f0af80`
RGB Decimal	240, 175, 128	`rgb(240,175,128)`
RGB Percent	94.1, 68.6, 50.2	`rgb(94.1%,68.6%,50.2%)`
CMYK	0, 27, 47, 6
HSL	25.2°, 78.9, 72.2	`hsl(25.2,78.9%,72.2%)`
HSV (or HSB)	25.2°, 46.7, 94.1
Web Safe	ff9999	`#ff9999`

CIE-LAB	76.525, 18.249, 33.396
XYZ	55.162, 50.746, 27.311
xyY	0.414, 0.381, 50.746
CIE-LCH	76.525, 38.057, 61.345
CIE-LUV	76.525, 47.543, 39.887
Hunter-Lab	71.237, 13.557, 27.135
Binary	11110000, 10101111, 10000000

#f0af80
```
#f0af80 rgb(240,175,128)
```
#80c1f0
```
#80c1f0 rgb(128,193,240)
```

Complementary Color

#f08089
```
#f08089 rgb(240,128,137)
```
#f0af80
```
#f0af80 rgb(240,175,128)
```
#f0e780
```
#f0e780 rgb(240,231,128)
```

Analogous Color

#8089f0
```
#8089f0 rgb(128,137,240)
```
#f0af80
```
#f0af80 rgb(240,175,128)
```
#80f0e7
```
#80f0e7 rgb(128,240,231)
```

Split Complementary Color

#af80f0
```
#af80f0 rgb(175,128,240)
```
#f0af80
```
#f0af80 rgb(240,175,128)
```
#80f0af
```
#80f0af rgb(128,240,175)
```

Triadic Color

#f080c1
```
#f080c1 rgb(240,128,193)
```
#f0af80
```
#f0af80 rgb(240,175,128)
```
#80f0af
```
#80f0af rgb(128,240,175)
```
#80c1f0
```
#80c1f0 rgb(128,193,240)
```

Tetradic Color

#e8843c
```
#e8843c rgb(232,132,60)
```
#eb9252
```
#eb9252 rgb(235,146,82)
```
#eda169
```
#eda169 rgb(237,161,105)
```
#f0af80
```
#f0af80 rgb(240,175,128)
```
#f3bd97
```
#f3bd97 rgb(243,189,151)
```
#f5ccae
```
#f5ccae rgb(245,204,174)
```
#f8dac4
```
#f8dac4 rgb(248,218,196)
```

Monochromatic Color

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

#f09380
```
#f09380 rgb(240,147,128)
```
#f09c80
```
#f09c80 rgb(240,156,128)
```
#f0a680
```
#f0a680 rgb(240,166,128)
```
#f0af80
```
#f0af80 rgb(240,175,128)
```
#f0b880
```
#f0b880 rgb(240,184,128)
```
#f0c280
```
#f0c280 rgb(240,194,128)
```
#f0cb80
```
#f0cb80 rgb(240,203,128)
```

Similar Colors

Text with hexadecimal color #f0af80

This text has a font color of #f0af80.

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

#f0af80 background color

This paragraph has a background color of #f0af80.

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

#f0af80 border color

This element has a border color of #f0af80.

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

CSS codes

.text {color:#f0af80;}

.background {background-color:#f0af80;}

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

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, #0d0702 is the darkest color, while #fffcfb is the lightest one.

#0d0702
```
#0d0702 rgb(13,7,2)
```
#1f0f04
```
#1f0f04 rgb(31,15,4)
```
#301806
```
#301806 rgb(48,24,6)
```
#422008
```
#422008 rgb(66,32,8)
```
#54290a
```
#54290a rgb(84,41,10)
```
#65310c
```
#65310c rgb(101,49,12)
```
#773a0e
```
#773a0e rgb(119,58,14)
```
#884210
```
#884210 rgb(136,66,16)
```
#9a4b12
```
#9a4b12 rgb(154,75,18)
```
#ab5414
```
#ab5414 rgb(171,84,20)
```
#bd5c16
```
#bd5c16 rgb(189,92,22)
```
#ce6518
```
#ce6518 rgb(206,101,24)
```
#e06d1a
```
#e06d1a rgb(224,109,26)
```

Shade Color Variation

#e67828
```
#e67828 rgb(230,120,40)
```
#e8833a
```
#e8833a rgb(232,131,58)
```
#ea8e4b
```
#ea8e4b rgb(234,142,75)
```
#ec995d
```
#ec995d rgb(236,153,93)
```
#eea46e
```
#eea46e rgb(238,164,110)
```
#f0af80
```
#f0af80 rgb(240,175,128)
```
#f2ba92
```
#f2ba92 rgb(242,186,146)
```
#f4c5a3
```
#f4c5a3 rgb(244,197,163)
```
#f6d0b5
```
#f6d0b5 rgb(246,208,181)
```
#f8dbc6
```
#f8dbc6 rgb(248,219,198)
```
#fae6d8
```
#fae6d8 rgb(250,230,216)
```
#fcf1e9
```
#fcf1e9 rgb(252,241,233)
```
#fffcfb
```
#fffcfb rgb(255,252,251)
```

Tint Color Variation

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

#b9b8b7
```
#b9b8b7 rgb(185,184,183)
```
#bfb7b1
```
#bfb7b1 rgb(191,183,177)
```
#c4b6ac
```
#c4b6ac rgb(196,182,172)
```
#cab5a6
```
#cab5a6 rgb(202,181,166)
```
#cfb4a1
```
#cfb4a1 rgb(207,180,161)
```
#d5b39b
```
#d5b39b rgb(213,179,155)
```
#dab396
```
#dab396 rgb(218,179,150)
```
#e0b290
```
#e0b290 rgb(224,178,144)
```
#e5b18b
```
#e5b18b rgb(229,177,139)
```
#ebb085
```
#ebb085 rgb(235,176,133)
```
#f0af80
```
#f0af80 rgb(240,175,128)
```
#f5ae7b
```
#f5ae7b rgb(245,174,123)
```
#fbad75
```
#fbad75 rgb(251,173,117)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c7bab1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec08b Protanopia 1% of men
#e4b885 Deuteranopia 1% of men
#f5acb8 Tritanopia 0.001% of the population

Trichromacy

#dab987 Protanomaly 1% of men, 0.01% of women
#e8b583 Deuteranomaly 6% of men, 0.4% of women
#f3ada3 Tritanomaly 0.01% of the population