#e06316 hex color

In a RGB color space, hex #e06316 is composed of 87.8% red, 38.8% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.8% magenta, 90.2% yellow and 12.2% black. It has a hue angle of 22.9 degrees, a saturation of 82.1% and a lightness of 48.2%. #e06316 color hex could be obtained by blending #ffc62c with #c10000. Closest websafe color is: #cc6600.

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

● #e06316 color description : Vivid orange.

The hexadecimal color #e06316 has RGB values of R:224, G:99, B:22 and CMYK values of C:0, M:0.56, Y:0.9, K:0.12. Its decimal value is 14705430.

Hex triplet	e06316	`#e06316`
RGB Decimal	224, 99, 22	`rgb(224,99,22)`
RGB Percent	87.8, 38.8, 8.6	`rgb(87.8%,38.8%,8.6%)`
CMYK	0, 56, 90, 12
HSL	22.9°, 82.1, 48.2	`hsl(22.9,82.1%,48.2%)`
HSV (or HSB)	22.9°, 90.2, 87.8
Web Safe	cc6600	`#cc6600`

CIE-LAB	56.912, 45.293, 60.983
XYZ	35.349, 24.833, 3.691
xyY	0.553, 0.389, 24.833
CIE-LCH	56.912, 75.963, 53.398
CIE-LUV	56.912, 103.351, 48.22
Hunter-Lab	49.832, 39.413, 30.491
Binary	11100000, 01100011, 00010110

#e06316
```
#e06316 rgb(224,99,22)
```
#1693e0
```
#1693e0 rgb(22,147,224)
```

Complementary Color

#e0162e
```
#e0162e rgb(224,22,46)
```
#e06316
```
#e06316 rgb(224,99,22)
```
#e0c816
```
#e0c816 rgb(224,200,22)
```

Analogous Color

#162ee0
```
#162ee0 rgb(22,46,224)
```
#e06316
```
#e06316 rgb(224,99,22)
```
#16e0c8
```
#16e0c8 rgb(22,224,200)
```

Split Complementary Color

#6316e0
```
#6316e0 rgb(99,22,224)
```
#e06316
```
#e06316 rgb(224,99,22)
```
#16e063
```
#16e063 rgb(22,224,99)
```

Triadic Color

#e01693
```
#e01693 rgb(224,22,147)
```
#e06316
```
#e06316 rgb(224,99,22)
```
#16e063
```
#16e063 rgb(22,224,99)
```
#1693e0
```
#1693e0 rgb(22,147,224)
```

Tetradic Color

#9a440f
```
#9a440f rgb(154,68,15)
```
#b24e11
```
#b24e11 rgb(178,78,17)
```
#c95914
```
#c95914 rgb(201,89,20)
```
#e06316
```
#e06316 rgb(224,99,22)
```
#ea7026
```
#ea7026 rgb(234,112,38)
```
#ec803d
```
#ec803d rgb(236,128,61)
```
#ee8f54
```
#ee8f54 rgb(238,143,84)
```

Monochromatic Color

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

#e03116
```
#e03116 rgb(224,49,22)
```
#e04116
```
#e04116 rgb(224,65,22)
```
#e05216
```
#e05216 rgb(224,82,22)
```
#e06316
```
#e06316 rgb(224,99,22)
```
#e07416
```
#e07416 rgb(224,116,22)
```
#e08516
```
#e08516 rgb(224,133,22)
```
#e09616
```
#e09616 rgb(224,150,22)
```

Similar Colors

Text with hexadecimal color #e06316

This text has a font color of #e06316.

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

#e06316 background color

This paragraph has a background color of #e06316.

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

#e06316 border color

This element has a border color of #e06316.

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

CSS codes

.text {color:#e06316;}

.background {background-color:#e06316;}

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

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

#0a0401
```
#0a0401 rgb(10,4,1)
```
#1c0c03
```
#1c0c03 rgb(28,12,3)
```
#2d1404
```
#2d1404 rgb(45,20,4)
```
#3f1c06
```
#3f1c06 rgb(63,28,6)
```
#512408
```
#512408 rgb(81,36,8)
```
#632c0a
```
#632c0a rgb(99,44,10)
```
#75340b
```
#75340b rgb(117,52,11)
```
#873c0d
```
#873c0d rgb(135,60,13)
```
#99430f
```
#99430f rgb(153,67,15)
```
#aa4b11
```
#aa4b11 rgb(170,75,17)
```
#bc5312
```
#bc5312 rgb(188,83,18)
```
#ce5b14
```
#ce5b14 rgb(206,91,20)
```
#e06316
```
#e06316 rgb(224,99,22)
```

Shade Color Variation

#e96d20
```
#e96d20 rgb(233,109,32)
```
#eb7932
```
#eb7932 rgb(235,121,50)
```
#ed8444
```
#ed8444 rgb(237,132,68)
```
#ee9056
```
#ee9056 rgb(238,144,86)
```
#f09c68
```
#f09c68 rgb(240,156,104)
```
#f2a87a
```
#f2a87a rgb(242,168,122)
```
#f4b38c
```
#f4b38c rgb(244,179,140)
```
#f5bf9d
```
#f5bf9d rgb(245,191,157)
```
#f7cbaf
```
#f7cbaf rgb(247,203,175)
```
#f9d6c1
```
#f9d6c1 rgb(249,214,193)
```
#fbe2d3
```
#fbe2d3 rgb(251,226,211)
```
#fceee5
```
#fceee5 rgb(252,238,229)
```
#fefaf7
```
#fefaf7 rgb(254,250,247)
```

Tint Color Variation

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

#817975
```
#817975 rgb(129,121,117)
```
#8b776b
```
#8b776b rgb(139,119,107)
```
#947562
```
#947562 rgb(148,117,98)
```
#9e7358
```
#9e7358 rgb(158,115,88)
```
#a7704f
```
#a7704f rgb(167,112,79)
```
#b16e45
```
#b16e45 rgb(177,110,69)
```
#ba6c3c
```
#ba6c3c rgb(186,108,60)
```
#c46a32
```
#c46a32 rgb(196,106,50)
```
#cd6729
```
#cd6729 rgb(205,103,41)
```
#d7651f
```
#d7651f rgb(215,101,31)
```
#e06316
```
#e06316 rgb(224,99,22)
```
#e9610d
```
#e9610d rgb(233,97,13)
```
#f35f03
```
#f35f03 rgb(243,95,3)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#937a6b Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#b67e23 Protanomaly 1% of men, 0.01% of women
#c37a08 Deuteranomaly 6% of men, 0.4% of women
#e2634b Tritanomaly 0.01% of the population

#e06316 hex color

#e06316 Color Information

#e06316 Color Conversion

Color Schemes with #e06316

Alternatives to #e06316

#e06316 Preview

Shades and Tints of #e06316

Tones of #e06316

Color Blindness Simulator