#e69316 hex color

In a RGB color space, hex #e69316 is composed of 90.2% red, 57.6% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.1% magenta, 90.4% yellow and 9.8% black. It has a hue angle of 36.1 degrees, a saturation of 82.5% and a lightness of 49.4%. #e69316 color hex could be obtained by blending #ffff2c with #cd2700. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 90
- G 58
- B 9
RGB color chart
- C 0
- M 36
- Y 90
- K 10
CMYK color chart

● #e69316 color description : Vivid orange.

The hexadecimal color #e69316 has RGB values of R:230, G:147, B:22 and CMYK values of C:0, M:0.36, Y:0.9, K:0.1. Its decimal value is 15110934.

Hex triplet	e69316	`#e69316`
RGB Decimal	230, 147, 22	`rgb(230,147,22)`
RGB Percent	90.2, 57.6, 8.6	`rgb(90.2%,57.6%,8.6%)`
CMYK	0, 36, 90, 10
HSL	36.1°, 82.5, 49.4	`hsl(36.1,82.5%,49.4%)`
HSV (or HSB)	36.1°, 90.4, 90.2
Web Safe	ff9900	`#ff9900`

CIE-LAB	67.837, 23.103, 69.424
XYZ	43.213, 37.752, 5.77
xyY	0.498, 0.435, 37.752
CIE-LCH	67.837, 73.167, 71.594
CIE-LUV	67.837, 68.725, 65.02
Hunter-Lab	61.442, 18.017, 37.442
Binary	11100110, 10010011, 00010110

#e69316
```
#e69316 rgb(230,147,22)
```
#1669e6
```
#1669e6 rgb(22,105,230)
```

Complementary Color

#e62b16
```
#e62b16 rgb(230,43,22)
```
#e69316
```
#e69316 rgb(230,147,22)
```
#d1e616
```
#d1e616 rgb(209,230,22)
```

Analogous Color

#2b16e6
```
#2b16e6 rgb(43,22,230)
```
#e69316
```
#e69316 rgb(230,147,22)
```
#16d1e6
```
#16d1e6 rgb(22,209,230)
```

Split Complementary Color

#9316e6
```
#9316e6 rgb(147,22,230)
```
#e69316
```
#e69316 rgb(230,147,22)
```
#16e693
```
#16e693 rgb(22,230,147)
```

Triadic Color

#e61669
```
#e61669 rgb(230,22,105)
```
#e69316
```
#e69316 rgb(230,147,22)
```
#16e693
```
#16e693 rgb(22,230,147)
```
#1669e6
```
#1669e6 rgb(22,105,230)
```

Tetradic Color

#a0660f
```
#a0660f rgb(160,102,15)
```
#b77512
```
#b77512 rgb(183,117,18)
```
#cf8414
```
#cf8414 rgb(207,132,20)
```
#e69316
```
#e69316 rgb(230,147,22)
```
#eb9e2b
```
#eb9e2b rgb(235,158,43)
```
#eda942
```
#eda942 rgb(237,169,66)
```
#efb359
```
#efb359 rgb(239,179,89)
```

Monochromatic Color

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

#e65f16
```
#e65f16 rgb(230,95,22)
```
#e67016
```
#e67016 rgb(230,112,22)
```
#e68216
```
#e68216 rgb(230,130,22)
```
#e69316
```
#e69316 rgb(230,147,22)
```
#e6a416
```
#e6a416 rgb(230,164,22)
```
#e6b616
```
#e6b616 rgb(230,182,22)
```
#e6c716
```
#e6c716 rgb(230,199,22)
```

Similar Colors

Text with hexadecimal color #e69316

This text has a font color of #e69316.

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

#e69316 background color

This paragraph has a background color of #e69316.

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

#e69316 border color

This element has a border color of #e69316.

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

CSS codes

.text {color:#e69316;}

.background {background-color:#e69316;}

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

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

#0f0a01
```
#0f0a01 rgb(15,10,1)
```
#211503
```
#211503 rgb(33,21,3)
```
#332105
```
#332105 rgb(51,33,5)
```
#452c07
```
#452c07 rgb(69,44,7)
```
#573708
```
#573708 rgb(87,55,8)
```
#69430a
```
#69430a rgb(105,67,10)
```
#7b4e0c
```
#7b4e0c rgb(123,78,12)
```
#8c5a0d
```
#8c5a0d rgb(140,90,13)
```
#9e650f
```
#9e650f rgb(158,101,15)
```
#b07111
```
#b07111 rgb(176,113,17)
```
#c27c13
```
#c27c13 rgb(194,124,19)
```
#d48814
```
#d48814 rgb(212,136,20)
```
#e69316
```
#e69316 rgb(230,147,22)
```

Shade Color Variation

#ea9c25
```
#ea9c25 rgb(234,156,37)
```
#eca437
```
#eca437 rgb(236,164,55)
```
#eeac49
```
#eeac49 rgb(238,172,73)
```
#efb45b
```
#efb45b rgb(239,180,91)
```
#f1bc6d
```
#f1bc6d rgb(241,188,109)
```
#f3c57f
```
#f3c57f rgb(243,197,127)
```
#f4cd91
```
#f4cd91 rgb(244,205,145)
```
#f6d5a3
```
#f6d5a3 rgb(246,213,163)
```
#f8ddb5
```
#f8ddb5 rgb(248,221,181)
```
#fae5c7
```
#fae5c7 rgb(250,229,199)
```
#fbedd8
```
#fbedd8 rgb(251,237,216)
```
#fdf6ea
```
#fdf6ea rgb(253,246,234)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#857f77
```
#857f77 rgb(133,127,119)
```
#8f816d
```
#8f816d rgb(143,129,109)
```
#988364
```
#988364 rgb(152,131,100)
```
#a2855a
```
#a2855a rgb(162,133,90)
```
#ac8750
```
#ac8750 rgb(172,135,80)
```
#b68946
```
#b68946 rgb(182,137,70)
```
#bf8b3d
```
#bf8b3d rgb(191,139,61)
```
#c98d33
```
#c98d33 rgb(201,141,51)
```
#d38f29
```
#d38f29 rgb(211,143,41)
```
#dc9120
```
#dc9120 rgb(220,145,32)
```
#e69316
```
#e69316 rgb(230,147,22)
```
#f0950c
```
#f0950c rgb(240,149,12)
```
#f99703
```
#f99703 rgb(249,151,3)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#ac9c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa27 Protanopia 1% of men
#d4a119 Deuteranopia 1% of men
#ed8e98 Tritanopia 0.001% of the population

Trichromacy

#cca120 Protanomaly 1% of men, 0.01% of women
#da9c18 Deuteranomaly 6% of men, 0.4% of women
#ea9068 Tritanomaly 0.01% of the population

#e69316 hex color

#e69316 Color Information

#e69316 Color Conversion

Color Schemes with #e69316

Alternatives to #e69316

#e69316 Preview

Shades and Tints of #e69316

Tones of #e69316

Color Blindness Simulator