#ed5316 hex color

In a RGB color space, hex #ed5316 is composed of 92.9% red, 32.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65% magenta, 90.7% yellow and 7.1% black. It has a hue angle of 17 degrees, a saturation of 85.7% and a lightness of 50.8%. #ed5316 color hex could be obtained by blending #ffa62c with #db0000. Closest websafe color is: #ff6600.

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

● #ed5316 color description : Vivid orange.

The hexadecimal color #ed5316 has RGB values of R:237, G:83, B:22 and CMYK values of C:0, M:0.65, Y:0.91, K:0.07. Its decimal value is 15553302.

Hex triplet	ed5316	`#ed5316`
RGB Decimal	237, 83, 22	`rgb(237,83,22)`
RGB Percent	92.9, 32.5, 8.6	`rgb(92.9%,32.5%,8.6%)`
CMYK	0, 65, 91, 7
HSL	17°, 85.7, 50.8	`hsl(17,85.7%,50.8%)`
HSV (or HSB)	17°, 90.7, 92.9
Web Safe	ff6600	`#ff6600`

CIE-LAB	56.341, 57.062, 61.555
XYZ	38.165, 24.253, 3.431
xyY	0.58, 0.368, 24.253
CIE-LCH	56.341, 83.935, 47.169
CIE-LUV	56.341, 126.316, 44.78
Hunter-Lab	49.248, 52.147, 30.343
Binary	11101101, 01010011, 00010110

#ed5316
```
#ed5316 rgb(237,83,22)
```
#16b0ed
```
#16b0ed rgb(22,176,237)
```

Complementary Color

#ed1644
```
#ed1644 rgb(237,22,68)
```
#ed5316
```
#ed5316 rgb(237,83,22)
```
#edbf16
```
#edbf16 rgb(237,191,22)
```

Analogous Color

#1644ed
```
#1644ed rgb(22,68,237)
```
#ed5316
```
#ed5316 rgb(237,83,22)
```
#16edbf
```
#16edbf rgb(22,237,191)
```

Split Complementary Color

#5316ed
```
#5316ed rgb(83,22,237)
```
#ed5316
```
#ed5316 rgb(237,83,22)
```
#16ed53
```
#16ed53 rgb(22,237,83)
```

Triadic Color

#ed16b0
```
#ed16b0 rgb(237,22,176)
```
#ed5316
```
#ed5316 rgb(237,83,22)
```
#16ed53
```
#16ed53 rgb(22,237,83)
```
#16b0ed
```
#16b0ed rgb(22,176,237)
```

Tetradic Color

#a9390d
```
#a9390d rgb(169,57,13)
```
#c1410f
```
#c1410f rgb(193,65,15)
```
#d94911
```
#d94911 rgb(217,73,17)
```
#ed5316
```
#ed5316 rgb(237,83,22)
```
#ef642e
```
#ef642e rgb(239,100,46)
```
#f17645
```
#f17645 rgb(241,118,69)
```
#f2875d
```
#f2875d rgb(242,135,93)
```

Monochromatic Color

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

#ed1d16
```
#ed1d16 rgb(237,29,22)
```
#ed2f16
```
#ed2f16 rgb(237,47,22)
```
#ed4116
```
#ed4116 rgb(237,65,22)
```
#ed5316
```
#ed5316 rgb(237,83,22)
```
#ed6516
```
#ed6516 rgb(237,101,22)
```
#ed7716
```
#ed7716 rgb(237,119,22)
```
#ed8916
```
#ed8916 rgb(237,137,22)
```

Similar Colors

Text with hexadecimal color #ed5316

This text has a font color of #ed5316.

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

#ed5316 background color

This paragraph has a background color of #ed5316.

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

#ed5316 border color

This element has a border color of #ed5316.

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

CSS codes

.text {color:#ed5316;}

.background {background-color:#ed5316;}

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

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

#040100
```
#040100 rgb(4,1,0)
```
#160702
```
#160702 rgb(22,7,2)
```
#280e03
```
#280e03 rgb(40,14,3)
```
#3a1405
```
#3a1405 rgb(58,20,5)
```
#4d1a06
```
#4d1a06 rgb(77,26,6)
```
#5f2007
```
#5f2007 rgb(95,32,7)
```
#712609
```
#712609 rgb(113,38,9)
```
#832c0a
```
#832c0a rgb(131,44,10)
```
#95330c
```
#95330c rgb(149,51,12)
```
#a8390d
```
#a8390d rgb(168,57,13)
```
#ba3f0e
```
#ba3f0e rgb(186,63,14)
```
#cc4510
```
#cc4510 rgb(204,69,16)
```
#de4b11
```
#de4b11 rgb(222,75,17)
```

Shade Color Variation

#ed5316
```
#ed5316 rgb(237,83,22)
```
#ee6028
```
#ee6028 rgb(238,96,40)
```
#f06e3a
```
#f06e3a rgb(240,110,58)
```
#f17b4d
```
#f17b4d rgb(241,123,77)
```
#f3895f
```
#f3895f rgb(243,137,95)
```
#f49671
```
#f49671 rgb(244,150,113)
```
#f5a483
```
#f5a483 rgb(245,164,131)
```
#f7b195
```
#f7b195 rgb(247,177,149)
```
#f8bfa8
```
#f8bfa8 rgb(248,191,168)
```
#faccba
```
#faccba rgb(250,204,186)
```
#fbd9cc
```
#fbd9cc rgb(251,217,204)
```
#fce7de
```
#fce7de rgb(252,231,222)
```
#fef4f1
```
#fef4f1 rgb(254,244,241)
```

Tint Color Variation

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

#838180
```
#838180 rgb(131,129,128)
```
#8c7d77
```
#8c7d77 rgb(140,125,119)
```
#96796d
```
#96796d rgb(150,121,109)
```
#a07463
```
#a07463 rgb(160,116,99)
```
#a9705a
```
#a9705a rgb(169,112,90)
```
#b36c50
```
#b36c50 rgb(179,108,80)
```
#bd6846
```
#bd6846 rgb(189,104,70)
```
#c6643d
```
#c6643d rgb(198,100,61)
```
#d06033
```
#d06033 rgb(208,96,51)
```
#da5b29
```
#da5b29 rgb(218,91,41)
```
#e35720
```
#e35720 rgb(227,87,32)
```
#ed5316
```
#ed5316 rgb(237,83,22)
```
#f74f0c
```
#f74f0c rgb(247,79,12)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#917266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8d2e Protanopia 1% of men
#b08600 Deuteranopia 1% of men
#ef565a Tritanopia 0.001% of the population

Trichromacy

#ba7825 Protanomaly 1% of men, 0.01% of women
#c67308 Deuteranomaly 6% of men, 0.4% of women
#ee5541 Tritanomaly 0.01% of the population

#ed5316 hex color

#ed5316 Color Information

#ed5316 Color Conversion

Color Schemes with #ed5316

Alternatives to #ed5316

#ed5316 Preview

Shades and Tints of #ed5316

Tones of #ed5316

Color Blindness Simulator