#f0af5a hex color

In a RGB color space, hex #f0af5a is composed of 94.1% red, 68.6% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.1% magenta, 62.5% yellow and 5.9% black. It has a hue angle of 34 degrees, a saturation of 83.3% and a lightness of 64.7%. #f0af5a color hex could be obtained by blending #ffffb4 with #e15f00. Closest websafe color is: #ff9966.

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

● #f0af5a color description : Soft orange.

The hexadecimal color #f0af5a has RGB values of R:240, G:175, B:90 and CMYK values of C:0, M:0.27, Y:0.63, K:0.06. Its decimal value is 15773530.

Hex triplet	f0af5a	`#f0af5a`
RGB Decimal	240, 175, 90	`rgb(240,175,90)`
RGB Percent	94.1, 68.6, 35.3	`rgb(94.1%,68.6%,35.3%)`
CMYK	0, 27, 63, 6
HSL	34°, 83.3, 64.7	`hsl(34,83.3%,64.7%)`
HSV (or HSB)	34°, 62.5, 94.1
Web Safe	ff9966	`#ff9966`

CIE-LAB	76.024, 15.177, 52.009
XYZ	53.111, 49.926, 16.512
xyY	0.444, 0.418, 49.926
CIE-LCH	76.024, 54.178, 73.732
CIE-LUV	76.024, 51.04, 58.645
Hunter-Lab	70.659, 10.519, 35.606
Binary	11110000, 10101111, 01011010

#f0af5a
```
#f0af5a rgb(240,175,90)
```
#5a9bf0
```
#5a9bf0 rgb(90,155,240)
```

Complementary Color

#f0645a
```
#f0645a rgb(240,100,90)
```
#f0af5a
```
#f0af5a rgb(240,175,90)
```
#e6f05a
```
#e6f05a rgb(230,240,90)
```

Analogous Color

#645af0
```
#645af0 rgb(100,90,240)
```
#f0af5a
```
#f0af5a rgb(240,175,90)
```
#5ae6f0
```
#5ae6f0 rgb(90,230,240)
```

Split Complementary Color

#af5af0
```
#af5af0 rgb(175,90,240)
```
#f0af5a
```
#f0af5a rgb(240,175,90)
```
#5af0af
```
#5af0af rgb(90,240,175)
```

Triadic Color

#f05a9b
```
#f05a9b rgb(240,90,155)
```
#f0af5a
```
#f0af5a rgb(240,175,90)
```
#5af0af
```
#5af0af rgb(90,240,175)
```
#5a9bf0
```
#5a9bf0 rgb(90,155,240)
```

Tetradic Color

#e88d15
```
#e88d15 rgb(232,141,21)
```
#ec982b
```
#ec982b rgb(236,152,43)
```
#eea443
```
#eea443 rgb(238,164,67)
```
#f0af5a
```
#f0af5a rgb(240,175,90)
```
#f2ba71
```
#f2ba71 rgb(242,186,113)
```
#f4c689
```
#f4c689 rgb(244,198,137)
```
#f6d1a0
```
#f6d1a0 rgb(246,209,160)
```

Monochromatic Color

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

#f08a5a
```
#f08a5a rgb(240,138,90)
```
#f0965a
```
#f0965a rgb(240,150,90)
```
#f0a35a
```
#f0a35a rgb(240,163,90)
```
#f0af5a
```
#f0af5a rgb(240,175,90)
```
#f0bc5a
```
#f0bc5a rgb(240,188,90)
```
#f0c85a
```
#f0c85a rgb(240,200,90)
```
#f0d55a
```
#f0d55a rgb(240,213,90)
```

Similar Colors

Text with hexadecimal color #f0af5a

This text has a font color of #f0af5a.

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

#f0af5a background color

This paragraph has a background color of #f0af5a.

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

#f0af5a border color

This element has a border color of #f0af5a.

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

CSS codes

.text {color:#f0af5a;}

.background {background-color:#f0af5a;}

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

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

#0f0901
```
#0f0901 rgb(15,9,1)
```
#211403
```
#211403 rgb(33,20,3)
```
#331f05
```
#331f05 rgb(51,31,5)
```
#452a06
```
#452a06 rgb(69,42,6)
```
#573508
```
#573508 rgb(87,53,8)
```
#693f0a
```
#693f0a rgb(105,63,10)
```
#7b4a0b
```
#7b4a0b rgb(123,74,11)
```
#8d550d
```
#8d550d rgb(141,85,13)
```
#9f600e
```
#9f600e rgb(159,96,14)
```
#b16b10
```
#b16b10 rgb(177,107,16)
```
#c37612
```
#c37612 rgb(195,118,18)
```
#d58113
```
#d58113 rgb(213,129,19)
```
#e78c15
```
#e78c15 rgb(231,140,21)
```

Shade Color Variation

#eb9524
```
#eb9524 rgb(235,149,36)
```
#ed9e36
```
#ed9e36 rgb(237,158,54)
```
#eea648
```
#eea648 rgb(238,166,72)
```
#f0af5a
```
#f0af5a rgb(240,175,90)
```
#f2b86c
```
#f2b86c rgb(242,184,108)
```
#f3c07e
```
#f3c07e rgb(243,192,126)
```
#f5c990
```
#f5c990 rgb(245,201,144)
```
#f7d2a2
```
#f7d2a2 rgb(247,210,162)
```
#f8dbb4
```
#f8dbb4 rgb(248,219,180)
```
#fae3c6
```
#fae3c6 rgb(250,227,198)
```
#fbecd8
```
#fbecd8 rgb(251,236,216)
```
#fdf5ea
```
#fdf5ea rgb(253,245,234)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#aba69f
```
#aba69f rgb(171,166,159)
```
#b2a798
```
#b2a798 rgb(178,167,152)
```
#b9a891
```
#b9a891 rgb(185,168,145)
```
#c0a98a
```
#c0a98a rgb(192,169,138)
```
#c6a984
```
#c6a984 rgb(198,169,132)
```
#cdaa7d
```
#cdaa7d rgb(205,170,125)
```
#d4ab76
```
#d4ab76 rgb(212,171,118)
```
#dbac6f
```
#dbac6f rgb(219,172,111)
```
#e2ad68
```
#e2ad68 rgb(226,173,104)
```
#e9ae61
```
#e9ae61 rgb(233,174,97)
```
#f0af5a
```
#f0af5a rgb(240,175,90)
```
#f7b053
```
#f7b053 rgb(247,176,83)
```
#feb14c
```
#feb14c rgb(254,177,76)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#c4b7a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bf66 Protanopia 1% of men
#e9b661 Deuteranopia 1% of men
#f7a9b5 Tritanopia 0.001% of the population

Trichromacy

#dcb961 Protanomaly 1% of men, 0.01% of women
#ebb35e Deuteranomaly 6% of men, 0.4% of women
#f4ab94 Tritanomaly 0.01% of the population

#f0af5a hex color

#f0af5a Color Information

#f0af5a Color Conversion

Color Schemes with #f0af5a

Alternatives to #f0af5a

#f0af5a Preview

Shades and Tints of #f0af5a

Tones of #f0af5a

Color Blindness Simulator