#f0861f hex color

In a RGB color space, hex #f0861f is composed of 94.1% red, 52.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.2% magenta, 87.1% yellow and 5.9% black. It has a hue angle of 29.6 degrees, a saturation of 87.4% and a lightness of 53.1%. #f0861f color hex could be obtained by blending #ffff3e with #e10d00. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 94
- G 53
- B 12
RGB color chart
- C 0
- M 44
- Y 87
- K 6
CMYK color chart

● #f0861f color description : Vivid orange.

The hexadecimal color #f0861f has RGB values of R:240, G:134, B:31 and CMYK values of C:0, M:0.44, Y:0.87, K:0.06. Its decimal value is 15762975.

Hex triplet	f0861f	`#f0861f`
RGB Decimal	240, 134, 31	`rgb(240,134,31)`
RGB Percent	94.1, 52.5, 12.2	`rgb(94.1%,52.5%,12.2%)`
CMYK	0, 44, 87, 6
HSL	29.6°, 87.4, 53.1	`hsl(29.6,87.4%,53.1%)`
HSV (or HSB)	29.6°, 87.1, 94.1
Web Safe	ff9933	`#ff9933`

CIE-LAB	66.273, 34.23, 66.476
XYZ	44.709, 35.678, 5.828
xyY	0.519, 0.414, 35.678
CIE-LCH	66.273, 74.771, 62.755
CIE-LUV	66.273, 87.477, 59.615
Hunter-Lab	59.731, 29.078, 36.027
Binary	11110000, 10000110, 00011111

#f0861f
```
#f0861f rgb(240,134,31)
```
#1f89f0
```
#1f89f0 rgb(31,137,240)
```

Complementary Color

#f01f21
```
#f01f21 rgb(240,31,33)
```
#f0861f
```
#f0861f rgb(240,134,31)
```
#f0ef1f
```
#f0ef1f rgb(240,239,31)
```

Analogous Color

#1f21f0
```
#1f21f0 rgb(31,33,240)
```
#f0861f
```
#f0861f rgb(240,134,31)
```
#1ff0ef
```
#1ff0ef rgb(31,240,239)
```

Split Complementary Color

#861ff0
```
#861ff0 rgb(134,31,240)
```
#f0861f
```
#f0861f rgb(240,134,31)
```
#1ff086
```
#1ff086 rgb(31,240,134)
```

Triadic Color

#f01f89
```
#f01f89 rgb(240,31,137)
```
#f0861f
```
#f0861f rgb(240,134,31)
```
#1ff086
```
#1ff086 rgb(31,240,134)
```
#1f89f0
```
#1f89f0 rgb(31,137,240)
```

Tetradic Color

#b6600c
```
#b6600c rgb(182,96,12)
```
#ce6d0e
```
#ce6d0e rgb(206,109,14)
```
#e6790f
```
#e6790f rgb(230,121,15)
```
#f0861f
```
#f0861f rgb(240,134,31)
```
#f29337
```
#f29337 rgb(242,147,55)
```
#f3a04f
```
#f3a04f rgb(243,160,79)
```
#f5ad67
```
#f5ad67 rgb(245,173,103)
```

Monochromatic Color

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

#f0521f
```
#f0521f rgb(240,82,31)
```
#f0631f
```
#f0631f rgb(240,99,31)
```
#f0751f
```
#f0751f rgb(240,117,31)
```
#f0861f
```
#f0861f rgb(240,134,31)
```
#f0971f
```
#f0971f rgb(240,151,31)
```
#f0a91f
```
#f0a91f rgb(240,169,31)
```
#f0ba1f
```
#f0ba1f rgb(240,186,31)
```

Similar Colors

Text with hexadecimal color #f0861f

This text has a font color of #f0861f.

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

#f0861f background color

This paragraph has a background color of #f0861f.

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

#f0861f border color

This element has a border color of #f0861f.

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

CSS codes

.text {color:#f0861f;}

.background {background-color:#f0861f;}

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

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

#0f0801
```
#0f0801 rgb(15,8,1)
```
#211202
```
#211202 rgb(33,18,2)
```
#341b03
```
#341b03 rgb(52,27,3)
```
#462505
```
#462505 rgb(70,37,5)
```
#592f06
```
#592f06 rgb(89,47,6)
```
#6b3807
```
#6b3807 rgb(107,56,7)
```
#7d4208
```
#7d4208 rgb(125,66,8)
```
#904c0a
```
#904c0a rgb(144,76,10)
```
#a2550b
```
#a2550b rgb(162,85,11)
```
#b45f0c
```
#b45f0c rgb(180,95,12)
```
#c7690d
```
#c7690d rgb(199,105,13)
```
#d9720f
```
#d9720f rgb(217,114,15)
```
#ec7c10
```
#ec7c10 rgb(236,124,16)
```

Shade Color Variation

#f0861f
```
#f0861f rgb(240,134,31)
```
#f19031
```
#f19031 rgb(241,144,49)
```
#f29a44
```
#f29a44 rgb(242,154,68)
```
#f4a456
```
#f4a456 rgb(244,164,86)
```
#f5ae69
```
#f5ae69 rgb(245,174,105)
```
#f6b87b
```
#f6b87b rgb(246,184,123)
```
#f7c28d
```
#f7c28d rgb(247,194,141)
```
#f9cca0
```
#f9cca0 rgb(249,204,160)
```
#fad5b2
```
#fad5b2 rgb(250,213,178)
```
#fbdfc4
```
#fbdfc4 rgb(251,223,196)
```
#fce9d7
```
#fce9d7 rgb(252,233,215)
```
#fef3e9
```
#fef3e9 rgb(254,243,233)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#8b8784
```
#8b8784 rgb(139,135,132)
```
#94877b
```
#94877b rgb(148,135,123)
```
#9d8772
```
#9d8772 rgb(157,135,114)
```
#a68769
```
#a68769 rgb(166,135,105)
```
#b0875f
```
#b0875f rgb(176,135,95)
```
#b98756
```
#b98756 rgb(185,135,86)
```
#c2874d
```
#c2874d rgb(194,135,77)
```
#cb8744
```
#cb8744 rgb(203,135,68)
```
#d4863b
```
#d4863b rgb(212,134,59)
```
#de8631
```
#de8631 rgb(222,134,49)
```
#e78628
```
#e78628 rgb(231,134,40)
```
#f0861f
```
#f0861f rgb(240,134,31)
```
#f98616
```
#f98616 rgb(249,134,22)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#ab9681 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a631 Protanopia 1% of men
#cf9e1e Deuteranopia 1% of men
#f5838c Tritanopia 0.001% of the population

Trichromacy

#cd9a2a Protanomaly 1% of men, 0.01% of women
#db951e Deuteranomaly 6% of men, 0.4% of women
#f38464 Tritanomaly 0.01% of the population

#f0861f hex color

#f0861f Color Information

#f0861f Color Conversion

Color Schemes with #f0861f

Alternatives to #f0861f

#f0861f Preview

Shades and Tints of #f0861f

Tones of #f0861f

Color Blindness Simulator