#f06a0f hex color

In a RGB color space, hex #f06a0f is composed of 94.1% red, 41.6% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.8% magenta, 93.8% yellow and 5.9% black. It has a hue angle of 24.3 degrees, a saturation of 88.2% and a lightness of 50%. #f06a0f color hex could be obtained by blending #ffd41e with #e10000. Closest websafe color is: #ff6600.

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

● #f06a0f color description : Vivid orange.

The hexadecimal color #f06a0f has RGB values of R:240, G:106, B:15 and CMYK values of C:0, M:0.56, Y:0.94, K:0.06. Its decimal value is 15755791.

Hex triplet	f06a0f	`#f06a0f`
RGB Decimal	240, 106, 15	`rgb(240,106,15)`
RGB Percent	94.1, 41.6, 5.9	`rgb(94.1%,41.6%,5.9%)`
CMYK	0, 56, 94, 6
HSL	24.3°, 88.2, 50	`hsl(24.3,88.2%,50%)`
HSV (or HSB)	24.3°, 93.8, 94.1
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.669, 47.867, 66.506
XYZ	41.177, 28.872, 3.856
xyY	0.557, 0.391, 28.872
CIE-LCH	60.669, 81.941, 54.256
CIE-LUV	60.669, 111.353, 52.465
Hunter-Lab	53.733, 42.758, 33.358
Binary	11110000, 01101010, 00001111

#f06a0f
```
#f06a0f rgb(240,106,15)
```
#0f95f0
```
#0f95f0 rgb(15,149,240)
```

Complementary Color

#f00f24
```
#f00f24 rgb(240,15,36)
```
#f06a0f
```
#f06a0f rgb(240,106,15)
```
#f0db0f
```
#f0db0f rgb(240,219,15)
```

Analogous Color

#0f24f0
```
#0f24f0 rgb(15,36,240)
```
#f06a0f
```
#f06a0f rgb(240,106,15)
```
#0ff0db
```
#0ff0db rgb(15,240,219)
```

Split Complementary Color

#6a0ff0
```
#6a0ff0 rgb(106,15,240)
```
#f06a0f
```
#f06a0f rgb(240,106,15)
```
#0ff06a
```
#0ff06a rgb(15,240,106)
```

Triadic Color

#f00f95
```
#f00f95 rgb(240,15,149)
```
#f06a0f
```
#f06a0f rgb(240,106,15)
```
#0ff06a
```
#0ff06a rgb(15,240,106)
```
#0f95f0
```
#0f95f0 rgb(15,149,240)
```

Tetradic Color

#a84a0b
```
#a84a0b rgb(168,74,11)
```
#c0550c
```
#c0550c rgb(192,85,12)
```
#d85f0e
```
#d85f0e rgb(216,95,14)
```
#f06a0f
```
#f06a0f rgb(240,106,15)
```
#f27927
```
#f27927 rgb(242,121,39)
```
#f3883f
```
#f3883f rgb(243,136,63)
```
#f59757
```
#f59757 rgb(245,151,87)
```

Monochromatic Color

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

#f0320f
```
#f0320f rgb(240,50,15)
```
#f0450f
```
#f0450f rgb(240,69,15)
```
#f0570f
```
#f0570f rgb(240,87,15)
```
#f06a0f
```
#f06a0f rgb(240,106,15)
```
#f07d0f
```
#f07d0f rgb(240,125,15)
```
#f0900f
```
#f0900f rgb(240,144,15)
```
#f0a20f
```
#f0a20f rgb(240,162,15)
```

Similar Colors

Text with hexadecimal color #f06a0f

This text has a font color of #f06a0f.

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

#f06a0f background color

This paragraph has a background color of #f06a0f.

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

#f06a0f border color

This element has a border color of #f06a0f.

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

CSS codes

.text {color:#f06a0f;}

.background {background-color:#f06a0f;}

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

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

#120801
```
#120801 rgb(18,8,1)
```
#251002
```
#251002 rgb(37,16,2)
```
#371803
```
#371803 rgb(55,24,3)
```
#4a2105
```
#4a2105 rgb(74,33,5)
```
#5c2906
```
#5c2906 rgb(92,41,6)
```
#6f3107
```
#6f3107 rgb(111,49,7)
```
#813908
```
#813908 rgb(129,57,8)
```
#944109
```
#944109 rgb(148,65,9)
```
#a6490a
```
#a6490a rgb(166,73,10)
```
#b9520c
```
#b9520c rgb(185,82,12)
```
#cb5a0d
```
#cb5a0d rgb(203,90,13)
```
#de620e
```
#de620e rgb(222,98,14)
```
#f06a0f
```
#f06a0f rgb(240,106,15)
```

Shade Color Variation

#f17521
```
#f17521 rgb(241,117,33)
```
#f28134
```
#f28134 rgb(242,129,52)
```
#f38c46
```
#f38c46 rgb(243,140,70)
```
#f59859
```
#f59859 rgb(245,152,89)
```
#f6a36b
```
#f6a36b rgb(246,163,107)
```
#f7af7e
```
#f7af7e rgb(247,175,126)
```
#f8ba90
```
#f8ba90 rgb(248,186,144)
```
#f9c6a3
```
#f9c6a3 rgb(249,198,163)
```
#fad1b5
```
#fad1b5 rgb(250,209,181)
```
#fcddc8
```
#fcddc8 rgb(252,221,200)
```
#fde8da
```
#fde8da rgb(253,232,218)
```
#fef4ed
```
#fef4ed rgb(254,244,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#847f7b
```
#847f7b rgb(132,127,123)
```
#8e7d71
```
#8e7d71 rgb(142,125,113)
```
#987b67
```
#987b67 rgb(152,123,103)
```
#a2795d
```
#a2795d rgb(162,121,93)
```
#ab7754
```
#ab7754 rgb(171,119,84)
```
#b5754a
```
#b5754a rgb(181,117,74)
```
#bf7340
```
#bf7340 rgb(191,115,64)
```
#c97136
```
#c97136 rgb(201,113,54)
```
#d3702c
```
#d3702c rgb(211,112,44)
```
#dc6e23
```
#dc6e23 rgb(220,110,35)
```
#e66c19
```
#e66c19 rgb(230,108,25)
```
#f06a0f
```
#f06a0f rgb(240,106,15)
```
#fa6805
```
#fa6805 rgb(250,104,5)
```

Tone Color Variation

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

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

Trichromacy

#c3871d Protanomaly 1% of men, 0.01% of women
#d08205 Deuteranomaly 6% of men, 0.4% of women
#f26a4d Tritanomaly 0.01% of the population

#f06a0f hex color

#f06a0f Color Information

#f06a0f Color Conversion

Color Schemes with #f06a0f

Alternatives to #f06a0f

#f06a0f Preview

Shades and Tints of #f06a0f

Tones of #f06a0f

Color Blindness Simulator