#ed8e16 hex color

In a RGB color space, hex #ed8e16 is composed of 92.9% red, 55.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.1% magenta, 90.7% yellow and 7.1% black. It has a hue angle of 33.5 degrees, a saturation of 85.7% and a lightness of 50.8%. #ed8e16 color hex could be obtained by blending #ffff2c with #db1d00. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 93
- G 56
- B 9
RGB color chart
- C 0
- M 40
- Y 91
- K 7
CMYK color chart

● #ed8e16 color description : Vivid orange.

The hexadecimal color #ed8e16 has RGB values of R:237, G:142, B:22 and CMYK values of C:0, M:0.4, Y:0.91, K:0.07. Its decimal value is 15568406.

Hex triplet	ed8e16	`#ed8e16`
RGB Decimal	237, 142, 22	`rgb(237,142,22)`
RGB Percent	92.9, 55.7, 8.6	`rgb(92.9%,55.7%,8.6%)`
CMYK	0, 40, 91, 7
HSL	33.5°, 85.7, 50.8	`hsl(33.5,85.7%,50.8%)`
HSV (or HSB)	33.5°, 90.7, 92.9
Web Safe	ff9900	`#ff9900`

CIE-LAB	67.585, 28.678, 69.629
XYZ	44.744, 37.412, 5.624
xyY	0.51, 0.426, 37.412
CIE-LCH	67.585, 75.304, 67.615
CIE-LUV	67.585, 78.667, 63.526
Hunter-Lab	61.165, 23.539, 37.364
Binary	11101101, 10001110, 00010110

#ed8e16
```
#ed8e16 rgb(237,142,22)
```
#1675ed
```
#1675ed rgb(22,117,237)
```

Complementary Color

#ed2216
```
#ed2216 rgb(237,34,22)
```
#ed8e16
```
#ed8e16 rgb(237,142,22)
```
#e1ed16
```
#e1ed16 rgb(225,237,22)
```

Analogous Color

#2316ed
```
#2316ed rgb(35,22,237)
```
#ed8e16
```
#ed8e16 rgb(237,142,22)
```
#16e1ed
```
#16e1ed rgb(22,225,237)
```

Split Complementary Color

#8e16ed
```
#8e16ed rgb(142,22,237)
```
#ed8e16
```
#ed8e16 rgb(237,142,22)
```
#16ed8e
```
#16ed8e rgb(22,237,142)
```

Triadic Color

#ed1675
```
#ed1675 rgb(237,22,117)
```
#ed8e16
```
#ed8e16 rgb(237,142,22)
```
#16ed8e
```
#16ed8e rgb(22,237,142)
```
#1675ed
```
#1675ed rgb(22,117,237)
```

Tetradic Color

#a9640d
```
#a9640d rgb(169,100,13)
```
#c1720f
```
#c1720f rgb(193,114,15)
```
#d98011
```
#d98011 rgb(217,128,17)
```
#ed8e16
```
#ed8e16 rgb(237,142,22)
```
#ef992e
```
#ef992e rgb(239,153,46)
```
#f1a545
```
#f1a545 rgb(241,165,69)
```
#f2b05d
```
#f2b05d rgb(242,176,93)
```

Monochromatic Color

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

#ed5816
```
#ed5816 rgb(237,88,22)
```
#ed6a16
```
#ed6a16 rgb(237,106,22)
```
#ed7c16
```
#ed7c16 rgb(237,124,22)
```
#ed8e16
```
#ed8e16 rgb(237,142,22)
```
#eda016
```
#eda016 rgb(237,160,22)
```
#edb216
```
#edb216 rgb(237,178,22)
```
#edc416
```
#edc416 rgb(237,196,22)
```

Similar Colors

Text with hexadecimal color #ed8e16

This text has a font color of #ed8e16.

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

#ed8e16 background color

This paragraph has a background color of #ed8e16.

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

#ed8e16 border color

This element has a border color of #ed8e16.

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

CSS codes

.text {color:#ed8e16;}

.background {background-color:#ed8e16;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#160d02
```
#160d02 rgb(22,13,2)
```
#281803
```
#281803 rgb(40,24,3)
```
#3a2305
```
#3a2305 rgb(58,35,5)
```
#4d2d06
```
#4d2d06 rgb(77,45,6)
```
#5f3807
```
#5f3807 rgb(95,56,7)
```
#714309
```
#714309 rgb(113,67,9)
```
#834e0a
```
#834e0a rgb(131,78,10)
```
#95580c
```
#95580c rgb(149,88,12)
```
#a8630d
```
#a8630d rgb(168,99,13)
```
#ba6e0e
```
#ba6e0e rgb(186,110,14)
```
#cc7910
```
#cc7910 rgb(204,121,16)
```
#de8411
```
#de8411 rgb(222,132,17)
```

Shade Color Variation

#ed8e16
```
#ed8e16 rgb(237,142,22)
```
#ee9728
```
#ee9728 rgb(238,151,40)
```
#f0a03a
```
#f0a03a rgb(240,160,58)
```
#f1a84d
```
#f1a84d rgb(241,168,77)
```
#f3b15f
```
#f3b15f rgb(243,177,95)
```
#f4ba71
```
#f4ba71 rgb(244,186,113)
```
#f5c383
```
#f5c383 rgb(245,195,131)
```
#f7cc95
```
#f7cc95 rgb(247,204,149)
```
#f8d5a8
```
#f8d5a8 rgb(248,213,168)
```
#faddba
```
#faddba rgb(250,221,186)
```
#fbe6cc
```
#fbe6cc rgb(251,230,204)
```
#fcefde
```
#fcefde rgb(252,239,222)
```
#fef8f1
```
#fef8f1 rgb(254,248,241)
```

Tint Color Variation

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

#838280
```
#838280 rgb(131,130,128)
```
#8c8377
```
#8c8377 rgb(140,131,119)
```
#96846d
```
#96846d rgb(150,132,109)
```
#a08563
```
#a08563 rgb(160,133,99)
```
#a9865a
```
#a9865a rgb(169,134,90)
```
#b38750
```
#b38750 rgb(179,135,80)
```
#bd8846
```
#bd8846 rgb(189,136,70)
```
#c68a3d
```
#c68a3d rgb(198,138,61)
```
#d08b33
```
#d08b33 rgb(208,139,51)
```
#da8c29
```
#da8c29 rgb(218,140,41)
```
#e38d20
```
#e38d20 rgb(227,141,32)
```
#ed8e16
```
#ed8e16 rgb(237,142,22)
```
#f78f0c
```
#f78f0c rgb(247,143,12)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#ad9a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bda928 Protanopia 1% of men
#d3a114 Deuteranopia 1% of men
#f38a93 Tritanopia 0.001% of the population

Trichromacy

#ce9f21 Protanomaly 1% of men, 0.01% of women
#dc9a14 Deuteranomaly 6% of men, 0.4% of women
#f08b65 Tritanomaly 0.01% of the population

#ed8e16 hex color

#ed8e16 Color Information

#ed8e16 Color Conversion

Color Schemes with #ed8e16

Alternatives to #ed8e16

#ed8e16 Preview

Shades and Tints of #ed8e16

Tones of #ed8e16

Color Blindness Simulator