#f06b0f hex color

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

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

● #f06b0f color description : Vivid orange.

The hexadecimal color #f06b0f has RGB values of R:240, G:107, B:15 and CMYK values of C:0, M:0.55, Y:0.94, K:0.06. Its decimal value is 15756047.

Hex triplet	f06b0f	`#f06b0f`
RGB Decimal	240, 107, 15	`rgb(240,107,15)`
RGB Percent	94.1, 42, 5.9	`rgb(94.1%,42%,5.9%)`
CMYK	0, 55, 94, 6
HSL	24.5°, 88.2, 50	`hsl(24.5,88.2%,50%)`
HSV (or HSB)	24.5°, 93.8, 94.1
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.852, 47.395, 66.626
XYZ	41.281, 29.079, 3.891
xyY	0.556, 0.392, 29.079
CIE-LCH	60.852, 81.764, 54.574
CIE-LUV	60.852, 110.541, 52.771
Hunter-Lab	53.925, 42.276, 33.47
Binary	11110000, 01101011, 00001111

#f06b0f
```
#f06b0f rgb(240,107,15)
```
#0f94f0
```
#0f94f0 rgb(15,148,240)
```

Complementary Color

#f00f23
```
#f00f23 rgb(240,15,35)
```
#f06b0f
```
#f06b0f rgb(240,107,15)
```
#f0dc0f
```
#f0dc0f rgb(240,220,15)
```

Analogous Color

#0f23f0
```
#0f23f0 rgb(15,35,240)
```
#f06b0f
```
#f06b0f rgb(240,107,15)
```
#0ff0dc
```
#0ff0dc rgb(15,240,220)
```

Split Complementary Color

#6b0ff0
```
#6b0ff0 rgb(107,15,240)
```
#f06b0f
```
#f06b0f rgb(240,107,15)
```
#0ff06b
```
#0ff06b rgb(15,240,107)
```

Triadic Color

#f00f94
```
#f00f94 rgb(240,15,148)
```
#f06b0f
```
#f06b0f rgb(240,107,15)
```
#0ff06b
```
#0ff06b rgb(15,240,107)
```
#0f94f0
```
#0f94f0 rgb(15,148,240)
```

Tetradic Color

#a84b0b
```
#a84b0b rgb(168,75,11)
```
#c0560c
```
#c0560c rgb(192,86,12)
```
#d8600e
```
#d8600e rgb(216,96,14)
```
#f06b0f
```
#f06b0f rgb(240,107,15)
```
#f27a27
```
#f27a27 rgb(242,122,39)
```
#f3893f
```
#f3893f rgb(243,137,63)
```
#f59757
```
#f59757 rgb(245,151,87)
```

Monochromatic Color

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

#f0330f
```
#f0330f rgb(240,51,15)
```
#f0460f
```
#f0460f rgb(240,70,15)
```
#f0580f
```
#f0580f rgb(240,88,15)
```
#f06b0f
```
#f06b0f rgb(240,107,15)
```
#f07e0f
```
#f07e0f rgb(240,126,15)
```
#f0910f
```
#f0910f rgb(240,145,15)
```
#f0a30f
```
#f0a30f rgb(240,163,15)
```

Similar Colors

Text with hexadecimal color #f06b0f

This text has a font color of #f06b0f.

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

#f06b0f background color

This paragraph has a background color of #f06b0f.

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

#f06b0f border color

This element has a border color of #f06b0f.

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

CSS codes

.text {color:#f06b0f;}

.background {background-color:#f06b0f;}

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

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)
```
#371903
```
#371903 rgb(55,25,3)
```
#4a2105
```
#4a2105 rgb(74,33,5)
```
#5c2906
```
#5c2906 rgb(92,41,6)
```
#6f3107
```
#6f3107 rgb(111,49,7)
```
#813a08
```
#813a08 rgb(129,58,8)
```
#944209
```
#944209 rgb(148,66,9)
```
#a64a0a
```
#a64a0a rgb(166,74,10)
```
#b9520c
```
#b9520c rgb(185,82,12)
```
#cb5b0d
```
#cb5b0d rgb(203,91,13)
```
#de630e
```
#de630e rgb(222,99,14)
```
#f06b0f
```
#f06b0f rgb(240,107,15)
```

Shade Color Variation

#f17621
```
#f17621 rgb(241,118,33)
```
#f28234
```
#f28234 rgb(242,130,52)
```
#f38d46
```
#f38d46 rgb(243,141,70)
```
#f59959
```
#f59959 rgb(245,153,89)
```
#f6a46b
```
#f6a46b rgb(246,164,107)
```
#f7af7e
```
#f7af7e rgb(247,175,126)
```
#f8bb90
```
#f8bb90 rgb(248,187,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 #fa6905 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)
```
#ab7854
```
#ab7854 rgb(171,120,84)
```
#b5764a
```
#b5764a rgb(181,118,74)
```
#bf7440
```
#bf7440 rgb(191,116,64)
```
#c97236
```
#c97236 rgb(201,114,54)
```
#d3702c
```
#d3702c rgb(211,112,44)
```
#dc6f23
```
#dc6f23 rgb(220,111,35)
```
#e66d19
```
#e66d19 rgb(230,109,25)
```
#f06b0f
```
#f06b0f rgb(240,107,15)
```
#fa6905
```
#fa6905 rgb(250,105,5)
```

Tone Color Variation

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

#aa9825 Protanopia 1% of men
#be9100 Deuteranopia 1% of men
#f36b71 Tritanopia 0.001% of the population

Trichromacy

#c3881d Protanomaly 1% of men, 0.01% of women
#d08305 Deuteranomaly 6% of men, 0.4% of women
#f26b4d Tritanomaly 0.01% of the population

#f06b0f hex color

#f06b0f Color Information

#f06b0f Color Conversion

Color Schemes with #f06b0f

Alternatives to #f06b0f

#f06b0f Preview

Shades and Tints of #f06b0f

Tones of #f06b0f

Color Blindness Simulator