#e06f31 hex color

In a RGB color space, hex #e06f31 is composed of 87.8% red, 43.5% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.4% magenta, 78.1% yellow and 12.2% black. It has a hue angle of 21.3 degrees, a saturation of 73.8% and a lightness of 53.5%. #e06f31 color hex could be obtained by blending #ffde62 with #c10000. Closest websafe color is: #cc6633.

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

● #e06f31 color description : Bright orange.

The hexadecimal color #e06f31 has RGB values of R:224, G:111, B:49 and CMYK values of C:0, M:0.5, Y:0.78, K:0.12. Its decimal value is 14708529.

Hex triplet	e06f31	`#e06f31`
RGB Decimal	224, 111, 49	`rgb(224,111,49)`
RGB Percent	87.8, 43.5, 19.2	`rgb(87.8%,43.5%,19.2%)`
CMYK	0, 50, 78, 12
HSL	21.3°, 73.8, 53.5	`hsl(21.3,73.8%,53.5%)`
HSV (or HSB)	21.3°, 78.1, 87.8
Web Safe	cc6633	`#cc6633`

CIE-LAB	59.381, 40.102, 52.796
XYZ	36.981, 27.441, 6.255
xyY	0.523, 0.388, 27.441
CIE-LCH	59.381, 66.3, 52.781
CIE-LUV	59.381, 91.601, 46.393
Hunter-Lab	52.385, 34.338, 29.59
Binary	11100000, 01101111, 00110001

#e06f31
```
#e06f31 rgb(224,111,49)
```
#31a2e0
```
#31a2e0 rgb(49,162,224)
```

Complementary Color

#e0314b
```
#e0314b rgb(224,49,75)
```
#e06f31
```
#e06f31 rgb(224,111,49)
```
#e0c731
```
#e0c731 rgb(224,199,49)
```

Analogous Color

#314be0
```
#314be0 rgb(49,75,224)
```
#e06f31
```
#e06f31 rgb(224,111,49)
```
#31e0c7
```
#31e0c7 rgb(49,224,199)
```

Split Complementary Color

#6f31e0
```
#6f31e0 rgb(111,49,224)
```
#e06f31
```
#e06f31 rgb(224,111,49)
```
#31e06f
```
#31e06f rgb(49,224,111)
```

Triadic Color

#e031a2
```
#e031a2 rgb(224,49,162)
```
#e06f31
```
#e06f31 rgb(224,111,49)
```
#31e06f
```
#31e06f rgb(49,224,111)
```
#31a2e0
```
#31a2e0 rgb(49,162,224)
```

Tetradic Color

#ab4d1a
```
#ab4d1a rgb(171,77,26)
```
#c1571d
```
#c1571d rgb(193,87,29)
```
#d76120
```
#d76120 rgb(215,97,32)
```
#e06f31
```
#e06f31 rgb(224,111,49)
```
#e37e47
```
#e37e47 rgb(227,126,71)
```
#e78e5d
```
#e78e5d rgb(231,142,93)
```
#ea9d73
```
#ea9d73 rgb(234,157,115)
```

Monochromatic Color

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

#e04331
```
#e04331 rgb(224,67,49)
```
#e05231
```
#e05231 rgb(224,82,49)
```
#e06031
```
#e06031 rgb(224,96,49)
```
#e06f31
```
#e06f31 rgb(224,111,49)
```
#e07e31
```
#e07e31 rgb(224,126,49)
```
#e08c31
```
#e08c31 rgb(224,140,49)
```
#e09b31
```
#e09b31 rgb(224,155,49)
```

Similar Colors

Text with hexadecimal color #e06f31

This text has a font color of #e06f31.

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

#e06f31 background color

This paragraph has a background color of #e06f31.

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

#e06f31 border color

This element has a border color of #e06f31.

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

CSS codes

.text {color:#e06f31;}

.background {background-color:#e06f31;}

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

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

#100702
```
#100702 rgb(16,7,2)
```
#210f05
```
#210f05 rgb(33,15,5)
```
#321607
```
#321607 rgb(50,22,7)
```
#431e0a
```
#431e0a rgb(67,30,10)
```
#54260d
```
#54260d rgb(84,38,13)
```
#652e0f
```
#652e0f rgb(101,46,15)
```
#763512
```
#763512 rgb(118,53,18)
```
#873d14
```
#873d14 rgb(135,61,20)
```
#984517
```
#984517 rgb(152,69,23)
```
#a94c19
```
#a94c19 rgb(169,76,25)
```
#ba541c
```
#ba541c rgb(186,84,28)
```
#cb5c1f
```
#cb5c1f rgb(203,92,31)
```
#dc6321
```
#dc6321 rgb(220,99,33)
```

Shade Color Variation

#e06f31
```
#e06f31 rgb(224,111,49)
```
#e37b42
```
#e37b42 rgb(227,123,66)
```
#e58753
```
#e58753 rgb(229,135,83)
```
#e89364
```
#e89364 rgb(232,147,100)
```
#ea9f75
```
#ea9f75 rgb(234,159,117)
```
#edab86
```
#edab86 rgb(237,171,134)
```
#efb797
```
#efb797 rgb(239,183,151)
```
#f2c2a8
```
#f2c2a8 rgb(242,194,168)
```
#f5ceb9
```
#f5ceb9 rgb(245,206,185)
```
#f7daca
```
#f7daca rgb(247,218,202)
```
#fae6db
```
#fae6db rgb(250,230,219)
```
#fcf2ed
```
#fcf2ed rgb(252,242,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8e8783
```
#8e8783 rgb(142,135,131)
```
#97847a
```
#97847a rgb(151,132,122)
```
#a08271
```
#a08271 rgb(160,130,113)
```
#a97f68
```
#a97f68 rgb(169,127,104)
```
#b27c5f
```
#b27c5f rgb(178,124,95)
```
#bc7a55
```
#bc7a55 rgb(188,122,85)
```
#c5774c
```
#c5774c rgb(197,119,76)
```
#ce7443
```
#ce7443 rgb(206,116,67)
```
#d7723a
```
#d7723a rgb(215,114,58)
```
#e06f31
```
#e06f31 rgb(224,111,49)
```
#e96c28
```
#e96c28 rgb(233,108,40)
```
#f26a1f
```
#f26a1f rgb(242,106,31)
```
#fb6716
```
#fb6716 rgb(251,103,22)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#9b8578 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49444 Protanopia 1% of men
#b88d33 Deuteranopia 1% of men
#e47077 Tritanopia 0.001% of the population

Trichromacy

#ba873d Protanomaly 1% of men, 0.01% of women
#c68232 Deuteranomaly 6% of men, 0.4% of women
#e26f5d Tritanomaly 0.01% of the population

#e06f31 hex color

#e06f31 Color Information

#e06f31 Color Conversion

Color Schemes with #e06f31

Alternatives to #e06f31

#e06f31 Preview

Shades and Tints of #e06f31

Tones of #e06f31

Color Blindness Simulator