#e06f0f hex color

In a RGB color space, hex #e06f0f is composed of 87.8% red, 43.5% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.4% magenta, 93.3% yellow and 12.2% black. It has a hue angle of 27.6 degrees, a saturation of 87.4% and a lightness of 46.9%. #e06f0f color hex could be obtained by blending #ffde1e with #c10000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 88
- G 44
- B 6
RGB color chart
- C 0
- M 50
- Y 93
- K 12
CMYK color chart

● #e06f0f color description : Vivid orange.

The hexadecimal color #e06f0f has RGB values of R:224, G:111, B:15 and CMYK values of C:0, M:0.5, Y:0.93, K:0.12. Its decimal value is 14708495.

Hex triplet	e06f0f	`#e06f0f`
RGB Decimal	224, 111, 15	`rgb(224,111,15)`
RGB Percent	87.8, 43.5, 5.9	`rgb(87.8%,43.5%,5.9%)`
CMYK	0, 50, 93, 12
HSL	27.6°, 87.4, 46.9	`hsl(27.6,87.4%,46.9%)`
HSV (or HSB)	27.6°, 93.3, 87.8
Web Safe	cc6600	`#cc6600`

CIE-LAB	59.209, 39.296, 64.37
XYZ	36.513, 27.254, 3.79
xyY	0.54, 0.403, 27.254
CIE-LCH	59.209, 75.417, 58.597
CIE-LUV	59.209, 93.874, 52.923
Hunter-Lab	52.206, 33.483, 32.24
Binary	11100000, 01101111, 00001111

#e06f0f
```
#e06f0f rgb(224,111,15)
```
#0f80e0
```
#0f80e0 rgb(15,128,224)
```

Complementary Color

#e00f18
```
#e00f18 rgb(224,15,24)
```
#e06f0f
```
#e06f0f rgb(224,111,15)
```
#e0d80f
```
#e0d80f rgb(224,216,15)
```

Analogous Color

#0f18e0
```
#0f18e0 rgb(15,24,224)
```
#e06f0f
```
#e06f0f rgb(224,111,15)
```
#0fe0d8
```
#0fe0d8 rgb(15,224,216)
```

Split Complementary Color

#6f0fe0
```
#6f0fe0 rgb(111,15,224)
```
#e06f0f
```
#e06f0f rgb(224,111,15)
```
#0fe06f
```
#0fe06f rgb(15,224,111)
```

Triadic Color

#e00f80
```
#e00f80 rgb(224,15,128)
```
#e06f0f
```
#e06f0f rgb(224,111,15)
```
#0fe06f
```
#0fe06f rgb(15,224,111)
```
#0f80e0
```
#0f80e0 rgb(15,128,224)
```

Tetradic Color

#984b0a
```
#984b0a rgb(152,75,10)
```
#b0570c
```
#b0570c rgb(176,87,12)
```
#c8630d
```
#c8630d rgb(200,99,13)
```
#e06f0f
```
#e06f0f rgb(224,111,15)
```
#f07c19
```
#f07c19 rgb(240,124,25)
```
#f18931
```
#f18931 rgb(241,137,49)
```
#f39749
```
#f39749 rgb(243,151,73)
```

Monochromatic Color

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

#e03b0f
```
#e03b0f rgb(224,59,15)
```
#e04c0f
```
#e04c0f rgb(224,76,15)
```
#e05e0f
```
#e05e0f rgb(224,94,15)
```
#e06f0f
```
#e06f0f rgb(224,111,15)
```
#e0800f
```
#e0800f rgb(224,128,15)
```
#e0920f
```
#e0920f rgb(224,146,15)
```
#e0a30f
```
#e0a30f rgb(224,163,15)
```

Similar Colors

Text with hexadecimal color #e06f0f

This text has a font color of #e06f0f.

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

#e06f0f background color

This paragraph has a background color of #e06f0f.

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

#e06f0f border color

This element has a border color of #e06f0f.

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

CSS codes

.text {color:#e06f0f;}

.background {background-color:#e06f0f;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#160b01
```
#160b01 rgb(22,11,1)
```
#281403
```
#281403 rgb(40,20,3)
```
#3b1d04
```
#3b1d04 rgb(59,29,4)
```
#4d2605
```
#4d2605 rgb(77,38,5)
```
#5f2f06
```
#5f2f06 rgb(95,47,6)
```
#723808
```
#723808 rgb(114,56,8)
```
#844109
```
#844109 rgb(132,65,9)
```
#964b0a
```
#964b0a rgb(150,75,10)
```
#a9540b
```
#a9540b rgb(169,84,11)
```
#bb5d0d
```
#bb5d0d rgb(187,93,13)
```
#ce660e
```
#ce660e rgb(206,102,14)
```
#e06f0f
```
#e06f0f rgb(224,111,15)
```

Shade Color Variation

#ef7813
```
#ef7813 rgb(239,120,19)
```
#f08326
```
#f08326 rgb(240,131,38)
```
#f28d38
```
#f28d38 rgb(242,141,56)
```
#f3984b
```
#f3984b rgb(243,152,75)
```
#f4a25d
```
#f4a25d rgb(244,162,93)
```
#f5ad6f
```
#f5ad6f rgb(245,173,111)
```
#f7b782
```
#f7b782 rgb(247,183,130)
```
#f8c294
```
#f8c294 rgb(248,194,148)
```
#f9cca6
```
#f9cca6 rgb(249,204,166)
```
#fad7b9
```
#fad7b9 rgb(250,215,185)
```
#fce1cb
```
#fce1cb rgb(252,225,203)
```
#fdecde
```
#fdecde rgb(253,236,222)
```
#fef6f0
```
#fef6f0 rgb(254,246,240)
```

Tint Color Variation

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

#7b7774
```
#7b7774 rgb(123,119,116)
```
#84766b
```
#84766b rgb(132,118,107)
```
#8d7662
```
#8d7662 rgb(141,118,98)
```
#967559
```
#967559 rgb(150,117,89)
```
#a0744f
```
#a0744f rgb(160,116,79)
```
#a97346
```
#a97346 rgb(169,115,70)
```
#b2733d
```
#b2733d rgb(178,115,61)
```
#bb7234
```
#bb7234 rgb(187,114,52)
```
#c4712b
```
#c4712b rgb(196,113,43)
```
#ce7021
```
#ce7021 rgb(206,112,33)
```
#d77018
```
#d77018 rgb(215,112,24)
```
#e06f0f
```
#e06f0f rgb(224,111,15)
```
#e96e06
```
#e96e06 rgb(233,110,6)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#98816e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69423 Protanopia 1% of men
#b98d00 Deuteranopia 1% of men
#e46e75 Tritanopia 0.001% of the population

Trichromacy

#bb861c Protanomaly 1% of men, 0.01% of women
#c78205 Deuteranomaly 6% of men, 0.4% of women
#e36e50 Tritanomaly 0.01% of the population

#e06f0f hex color

#e06f0f Color Information

#e06f0f Color Conversion

Color Schemes with #e06f0f

Alternatives to #e06f0f

#e06f0f Preview

Shades and Tints of #e06f0f

Tones of #e06f0f

Color Blindness Simulator