#f0a012 hex color

In a RGB color space, hex #f0a012 is composed of 94.1% red, 62.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 92.5% yellow and 5.9% black. It has a hue angle of 38.4 degrees, a saturation of 88.1% and a lightness of 50.6%. #f0a012 color hex could be obtained by blending #ffff24 with #e14100. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 94
- G 63
- B 7
RGB color chart
- C 0
- M 33
- Y 93
- K 6
CMYK color chart

● #f0a012 color description : Vivid orange.

The hexadecimal color #f0a012 has RGB values of R:240, G:160, B:18 and CMYK values of C:0, M:0.33, Y:0.93, K:0.06. Its decimal value is 15769618.

Hex triplet	f0a012	`#f0a012`
RGB Decimal	240, 160, 18	`rgb(240,160,18)`
RGB Percent	94.1, 62.7, 7.1	`rgb(94.1%,62.7%,7.1%)`
CMYK	0, 33, 93, 6
HSL	38.4°, 88.1, 50.6	`hsl(38.4,88.1%,50.6%)`
HSV (or HSB)	38.4°, 92.5, 94.1
Web Safe	ff9900	`#ff9900`

CIE-LAB	72.037, 20.4, 73.825
XYZ	48.616, 43.714, 6.449
xyY	0.492, 0.443, 43.714
CIE-LCH	72.037, 76.592, 74.553
CIE-LUV	72.037, 66.378, 70.53
Hunter-Lab	66.117, 15.55, 40.498
Binary	11110000, 10100000, 00010010

#f0a012
```
#f0a012 rgb(240,160,18)
```
#1262f0
```
#1262f0 rgb(18,98,240)
```

Complementary Color

#f03112
```
#f03112 rgb(240,49,18)
```
#f0a012
```
#f0a012 rgb(240,160,18)
```
#d1f012
```
#d1f012 rgb(209,240,18)
```

Analogous Color

#3112f0
```
#3112f0 rgb(49,18,240)
```
#f0a012
```
#f0a012 rgb(240,160,18)
```
#12d1f0
```
#12d1f0 rgb(18,209,240)
```

Split Complementary Color

#a012f0
```
#a012f0 rgb(160,18,240)
```
#f0a012
```
#f0a012 rgb(240,160,18)
```
#12f0a0
```
#12f0a0 rgb(18,240,160)
```

Triadic Color

#f01262
```
#f01262 rgb(240,18,98)
```
#f0a012
```
#f0a012 rgb(240,160,18)
```
#12f0a0
```
#12f0a0 rgb(18,240,160)
```
#1262f0
```
#1262f0 rgb(18,98,240)
```

Tetradic Color

#ab710b
```
#ab710b rgb(171,113,11)
```
#c3810c
```
#c3810c rgb(195,129,12)
```
#db910e
```
#db910e rgb(219,145,14)
```
#f0a012
```
#f0a012 rgb(240,160,18)
```
#f2aa2a
```
#f2aa2a rgb(242,170,42)
```
#f3b342
```
#f3b342 rgb(243,179,66)
```
#f5bd5a
```
#f5bd5a rgb(245,189,90)
```

Monochromatic Color

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

#f06912
```
#f06912 rgb(240,105,18)
```
#f07b12
```
#f07b12 rgb(240,123,18)
```
#f08e12
```
#f08e12 rgb(240,142,18)
```
#f0a012
```
#f0a012 rgb(240,160,18)
```
#f0b312
```
#f0b312 rgb(240,179,18)
```
#f0c512
```
#f0c512 rgb(240,197,18)
```
#f0d812
```
#f0d812 rgb(240,216,18)
```

Similar Colors

Text with hexadecimal color #f0a012

This text has a font color of #f0a012.

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

#f0a012 background color

This paragraph has a background color of #f0a012.

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

#f0a012 border color

This element has a border color of #f0a012.

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

CSS codes

.text {color:#f0a012;}

.background {background-color:#f0a012;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#150e01
```
#150e01 rgb(21,14,1)
```
#281a03
```
#281a03 rgb(40,26,3)
```
#3a2704
```
#3a2704 rgb(58,39,4)
```
#4d3305
```
#4d3305 rgb(77,51,5)
```
#5f3f06
```
#5f3f06 rgb(95,63,6)
```
#724b07
```
#724b07 rgb(114,75,7)
```
#845708
```
#845708 rgb(132,87,8)
```
#96640a
```
#96640a rgb(150,100,10)
```
#a9700b
```
#a9700b rgb(169,112,11)
```
#bb7c0c
```
#bb7c0c rgb(187,124,12)
```
#ce880d
```
#ce880d rgb(206,136,13)
```
#e0950e
```
#e0950e rgb(224,149,14)
```

Shade Color Variation

#f0a012
```
#f0a012 rgb(240,160,18)
```
#f1a724
```
#f1a724 rgb(241,167,36)
```
#f2af37
```
#f2af37 rgb(242,175,55)
```
#f4b649
```
#f4b649 rgb(244,182,73)
```
#f5be5c
```
#f5be5c rgb(245,190,92)
```
#f6c56e
```
#f6c56e rgb(246,197,110)
```
#f7cc81
```
#f7cc81 rgb(247,204,129)
```
#f8d493
```
#f8d493 rgb(248,212,147)
```
#f9dba6
```
#f9dba6 rgb(249,219,166)
```
#fbe3b8
```
#fbe3b8 rgb(251,227,184)
```
#fceaca
```
#fceaca rgb(252,234,202)
```
#fdf1dd
```
#fdf1dd rgb(253,241,221)
```
#fef9ef
```
#fef9ef rgb(254,249,239)
```

Tint Color Variation

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

#85827d
```
#85827d rgb(133,130,125)
```
#8f8573
```
#8f8573 rgb(143,133,115)
```
#998869
```
#998869 rgb(153,136,105)
```
#a28a60
```
#a28a60 rgb(162,138,96)
```
#ac8d56
```
#ac8d56 rgb(172,141,86)
```
#b6904c
```
#b6904c rgb(182,144,76)
```
#c09242
```
#c09242 rgb(192,146,66)
```
#c99539
```
#c99539 rgb(201,149,57)
```
#d3982f
```
#d3982f rgb(211,152,47)
```
#dd9b25
```
#dd9b25 rgb(221,155,37)
```
#e69d1c
```
#e69d1c rgb(230,157,28)
```
#f0a012
```
#f0a012 rgb(240,160,18)
```
#faa308
```
#faa308 rgb(250,163,8)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#b6a68a Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab523 Protanopia 1% of men
#e2ab15 Deuteranopia 1% of men
#f79aa4 Tritanopia 0.001% of the population

Trichromacy

#d8ad1d Protanomaly 1% of men, 0.01% of women
#e7a714 Deuteranomaly 6% of men, 0.4% of women
#f49c6f Tritanomaly 0.01% of the population

#f0a012 hex color

#f0a012 Color Information

#f0a012 Color Conversion

Color Schemes with #f0a012

Alternatives to #f0a012

#f0a012 Preview

Shades and Tints of #f0a012

Tones of #f0a012

Color Blindness Simulator