#e06312 hex color

In a RGB color space, hex #e06312 is composed of 87.8% red, 38.8% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.8% magenta, 92% yellow and 12.2% black. It has a hue angle of 23.6 degrees, a saturation of 85.1% and a lightness of 47.5%. #e06312 color hex could be obtained by blending #ffc624 with #c10000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 88
- G 39
- B 7
RGB color chart
- C 0
- M 56
- Y 92
- K 12
CMYK color chart

● #e06312 color description : Vivid orange.

The hexadecimal color #e06312 has RGB values of R:224, G:99, B:18 and CMYK values of C:0, M:0.56, Y:0.92, K:0.12. Its decimal value is 14705426.

Hex triplet	e06312	`#e06312`
RGB Decimal	224, 99, 18	`rgb(224,99,18)`
RGB Percent	87.8, 38.8, 7.1	`rgb(87.8%,38.8%,7.1%)`
CMYK	0, 56, 92, 12
HSL	23.6°, 85.1, 47.5	`hsl(23.6,85.1%,47.5%)`
HSV (or HSB)	23.6°, 92, 87.8
Web Safe	cc6600	`#cc6600`

CIE-LAB	56.898, 45.232, 62.076
XYZ	35.313, 24.818, 3.503
xyY	0.555, 0.39, 24.818
CIE-LCH	56.898, 76.807, 53.921
CIE-LUV	56.898, 103.558, 48.748
Hunter-Lab	49.818, 39.347, 30.703
Binary	11100000, 01100011, 00010010

#e06312
```
#e06312 rgb(224,99,18)
```
#128fe0
```
#128fe0 rgb(18,143,224)
```

Complementary Color

#e01228
```
#e01228 rgb(224,18,40)
```
#e06312
```
#e06312 rgb(224,99,18)
```
#e0ca12
```
#e0ca12 rgb(224,202,18)
```

Analogous Color

#1228e0
```
#1228e0 rgb(18,40,224)
```
#e06312
```
#e06312 rgb(224,99,18)
```
#12e0ca
```
#12e0ca rgb(18,224,202)
```

Split Complementary Color

#6312e0
```
#6312e0 rgb(99,18,224)
```
#e06312
```
#e06312 rgb(224,99,18)
```
#12e063
```
#12e063 rgb(18,224,99)
```

Triadic Color

#e0128f
```
#e0128f rgb(224,18,143)
```
#e06312
```
#e06312 rgb(224,99,18)
```
#12e063
```
#12e063 rgb(18,224,99)
```
#128fe0
```
#128fe0 rgb(18,143,224)
```

Tetradic Color

#99440c
```
#99440c rgb(153,68,12)
```
#b14e0e
```
#b14e0e rgb(177,78,14)
```
#c85910
```
#c85910 rgb(200,89,16)
```
#e06312
```
#e06312 rgb(224,99,18)
```
#ed701f
```
#ed701f rgb(237,112,31)
```
#ef7f36
```
#ef7f36 rgb(239,127,54)
```
#f18e4e
```
#f18e4e rgb(241,142,78)
```

Monochromatic Color

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

#e03012
```
#e03012 rgb(224,48,18)
```
#e04112
```
#e04112 rgb(224,65,18)
```
#e05212
```
#e05212 rgb(224,82,18)
```
#e06312
```
#e06312 rgb(224,99,18)
```
#e07412
```
#e07412 rgb(224,116,18)
```
#e08512
```
#e08512 rgb(224,133,18)
```
#e09712
```
#e09712 rgb(224,151,18)
```

Similar Colors

Text with hexadecimal color #e06312

This text has a font color of #e06312.

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

#e06312 background color

This paragraph has a background color of #e06312.

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

#e06312 border color

This element has a border color of #e06312.

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

CSS codes

.text {color:#e06312;}

.background {background-color:#e06312;}

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

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

#060300
```
#060300 rgb(6,3,0)
```
#180b02
```
#180b02 rgb(24,11,2)
```
#2a1303
```
#2a1303 rgb(42,19,3)
```
#3d1b05
```
#3d1b05 rgb(61,27,5)
```
#4f2306
```
#4f2306 rgb(79,35,6)
```
#612b08
```
#612b08 rgb(97,43,8)
```
#733309
```
#733309 rgb(115,51,9)
```
#853b0b
```
#853b0b rgb(133,59,11)
```
#97430c
```
#97430c rgb(151,67,12)
```
#aa4b0e
```
#aa4b0e rgb(170,75,14)
```
#bc530f
```
#bc530f rgb(188,83,15)
```
#ce5b11
```
#ce5b11 rgb(206,91,17)
```
#e06312
```
#e06312 rgb(224,99,18)
```

Shade Color Variation

#ed6c19
```
#ed6c19 rgb(237,108,25)
```
#ee782b
```
#ee782b rgb(238,120,43)
```
#ef833d
```
#ef833d rgb(239,131,61)
```
#f18f50
```
#f18f50 rgb(241,143,80)
```
#f29b62
```
#f29b62 rgb(242,155,98)
```
#f4a674
```
#f4a674 rgb(244,166,116)
```
#f5b286
```
#f5b286 rgb(245,178,134)
```
#f7bd98
```
#f7bd98 rgb(247,189,152)
```
#f8c9aa
```
#f8c9aa rgb(248,201,170)
```
#fad5bc
```
#fad5bc rgb(250,213,188)
```
#fbe0cf
```
#fbe0cf rgb(251,224,207)
```
#fdece1
```
#fdece1 rgb(253,236,225)
```
#fef7f3
```
#fef7f3 rgb(254,247,243)
```

Tint Color Variation

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

#7a7978
```
#7a7978 rgb(122,121,120)
```
#83776f
```
#83776f rgb(131,119,111)
```
#8c7566
```
#8c7566 rgb(140,117,102)
```
#96735c
```
#96735c rgb(150,115,92)
```
#9f7153
```
#9f7153 rgb(159,113,83)
```
#a86f4a
```
#a86f4a rgb(168,111,74)
```
#b16d41
```
#b16d41 rgb(177,109,65)
```
#bb6b37
```
#bb6b37 rgb(187,107,55)
```
#c4692e
```
#c4692e rgb(196,105,46)
```
#cd6725
```
#cd6725 rgb(205,103,37)
```
#d7651b
```
#d7651b rgb(215,101,27)
```
#e06312
```
#e06312 rgb(224,99,18)
```
#e96109
```
#e96109 rgb(233,97,9)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#927969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8e27 Protanopia 1% of men
#b28700 Deuteranopia 1% of men
#e4646a Tritanopia 0.001% of the population

Trichromacy

#b67e1f Protanomaly 1% of men, 0.01% of women
#c37a06 Deuteranomaly 6% of men, 0.4% of women
#e2634a Tritanomaly 0.01% of the population

#e06312 hex color

#e06312 Color Information

#e06312 Color Conversion

Color Schemes with #e06312

Alternatives to #e06312

#e06312 Preview

Shades and Tints of #e06312

Tones of #e06312

Color Blindness Simulator