#f06a12 hex color

In a RGB color space, hex #f06a12 is composed of 94.1% red, 41.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.8% magenta, 92.5% yellow and 5.9% black. It has a hue angle of 23.8 degrees, a saturation of 88.1% and a lightness of 50.6%. #f06a12 color hex could be obtained by blending #ffd424 with #e10000. Closest websafe color is: #ff6600.

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

● #f06a12 color description : Vivid orange.

The hexadecimal color #f06a12 has RGB values of R:240, G:106, B:18 and CMYK values of C:0, M:0.56, Y:0.93, K:0.06. Its decimal value is 15755794.

Hex triplet	f06a12	`#f06a12`
RGB Decimal	240, 106, 18	`rgb(240,106,18)`
RGB Percent	94.1, 41.6, 7.1	`rgb(94.1%,41.6%,7.1%)`
CMYK	0, 56, 93, 6
HSL	23.8°, 88.1, 50.6	`hsl(23.8,88.1%,50.6%)`
HSV (or HSB)	23.8°, 92.5, 94.1
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.677, 47.902, 65.841
XYZ	41.2, 28.881, 3.977
xyY	0.556, 0.39, 28.881
CIE-LCH	60.677, 81.422, 53.963
CIE-LUV	60.677, 111.229, 52.152
Hunter-Lab	53.741, 42.798, 33.231
Binary	11110000, 01101010, 00010010

#f06a12
```
#f06a12 rgb(240,106,18)
```
#1298f0
```
#1298f0 rgb(18,152,240)
```

Complementary Color

#f01229
```
#f01229 rgb(240,18,41)
```
#f06a12
```
#f06a12 rgb(240,106,18)
```
#f0d912
```
#f0d912 rgb(240,217,18)
```

Analogous Color

#1229f0
```
#1229f0 rgb(18,41,240)
```
#f06a12
```
#f06a12 rgb(240,106,18)
```
#12f0d9
```
#12f0d9 rgb(18,240,217)
```

Split Complementary Color

#6a12f0
```
#6a12f0 rgb(106,18,240)
```
#f06a12
```
#f06a12 rgb(240,106,18)
```
#12f06a
```
#12f06a rgb(18,240,106)
```

Triadic Color

#f01298
```
#f01298 rgb(240,18,152)
```
#f06a12
```
#f06a12 rgb(240,106,18)
```
#12f06a
```
#12f06a rgb(18,240,106)
```
#1298f0
```
#1298f0 rgb(18,152,240)
```

Tetradic Color

#ab4a0b
```
#ab4a0b rgb(171,74,11)
```
#c3550c
```
#c3550c rgb(195,85,12)
```
#db5f0e
```
#db5f0e rgb(219,95,14)
```
#f06a12
```
#f06a12 rgb(240,106,18)
```
#f2792a
```
#f2792a rgb(242,121,42)
```
#f38842
```
#f38842 rgb(243,136,66)
```
#f5975a
```
#f5975a rgb(245,151,90)
```

Monochromatic Color

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

#f03312
```
#f03312 rgb(240,51,18)
```
#f04512
```
#f04512 rgb(240,69,18)
```
#f05812
```
#f05812 rgb(240,88,18)
```
#f06a12
```
#f06a12 rgb(240,106,18)
```
#f07d12
```
#f07d12 rgb(240,125,18)
```
#f08f12
```
#f08f12 rgb(240,143,18)
```
#f0a212
```
#f0a212 rgb(240,162,18)
```

Similar Colors

Text with hexadecimal color #f06a12

This text has a font color of #f06a12.

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

#f06a12 background color

This paragraph has a background color of #f06a12.

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

#f06a12 border color

This element has a border color of #f06a12.

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

CSS codes

.text {color:#f06a12;}

.background {background-color:#f06a12;}

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

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 #fef5ef is the lightest one.

#030100
```
#030100 rgb(3,1,0)
```
#150901
```
#150901 rgb(21,9,1)
```
#281103
```
#281103 rgb(40,17,3)
```
#3a1904
```
#3a1904 rgb(58,25,4)
```
#4d2105
```
#4d2105 rgb(77,33,5)
```
#5f2906
```
#5f2906 rgb(95,41,6)
```
#723107
```
#723107 rgb(114,49,7)
```
#843908
```
#843908 rgb(132,57,8)
```
#96410a
```
#96410a rgb(150,65,10)
```
#a9490b
```
#a9490b rgb(169,73,11)
```
#bb510c
```
#bb510c rgb(187,81,12)
```
#ce590d
```
#ce590d rgb(206,89,13)
```
#e0610e
```
#e0610e rgb(224,97,14)
```

Shade Color Variation

#f06a12
```
#f06a12 rgb(240,106,18)
```
#f17624
```
#f17624 rgb(241,118,36)
```
#f28137
```
#f28137 rgb(242,129,55)
```
#f48d49
```
#f48d49 rgb(244,141,73)
```
#f5985c
```
#f5985c rgb(245,152,92)
```
#f6a46e
```
#f6a46e rgb(246,164,110)
```
#f7b081
```
#f7b081 rgb(247,176,129)
```
#f8bb93
```
#f8bb93 rgb(248,187,147)
```
#f9c7a6
```
#f9c7a6 rgb(249,199,166)
```
#fbd2b8
```
#fbd2b8 rgb(251,210,184)
```
#fcdeca
```
#fcdeca rgb(252,222,202)
```
#fdeadd
```
#fdeadd rgb(253,234,221)
```
#fef5ef
```
#fef5ef rgb(254,245,239)
```

Tint Color Variation

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

#85807d
```
#85807d rgb(133,128,125)
```
#8f7e73
```
#8f7e73 rgb(143,126,115)
```
#997c69
```
#997c69 rgb(153,124,105)
```
#a27a60
```
#a27a60 rgb(162,122,96)
```
#ac7856
```
#ac7856 rgb(172,120,86)
```
#b6764c
```
#b6764c rgb(182,118,76)
```
#c07442
```
#c07442 rgb(192,116,66)
```
#c97239
```
#c97239 rgb(201,114,57)
```
#d3702f
```
#d3702f rgb(211,112,47)
```
#dd6e25
```
#dd6e25 rgb(221,110,37)
```
#e66c1c
```
#e66c1c rgb(230,108,28)
```
#f06a12
```
#f06a12 rgb(240,106,18)
```
#fa6808
```
#fa6808 rgb(250,104,8)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#9d8270 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9828 Protanopia 1% of men
#be9000 Deuteranopia 1% of men
#f36a70 Tritanopia 0.001% of the population

Trichromacy

#c38720 Protanomaly 1% of men, 0.01% of women
#d08206 Deuteranomaly 6% of men, 0.4% of women
#f26a4e Tritanomaly 0.01% of the population

#f06a12 hex color

#f06a12 Color Information

#f06a12 Color Conversion

Color Schemes with #f06a12

Alternatives to #f06a12

#f06a12 Preview

Shades and Tints of #f06a12

Tones of #f06a12

Color Blindness Simulator