#ed6a16 hex color

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

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

● #ed6a16 color description : Vivid orange.

The hexadecimal color #ed6a16 has RGB values of R:237, G:106, B:22 and CMYK values of C:0, M:0.55, Y:0.91, K:0.07. Its decimal value is 15559190.

Hex triplet	ed6a16	`#ed6a16`
RGB Decimal	237, 106, 22	`rgb(237,106,22)`
RGB Percent	92.9, 41.6, 8.6	`rgb(92.9%,41.6%,8.6%)`
CMYK	0, 55, 91, 7
HSL	23.4°, 85.7, 50.8	`hsl(23.4,85.7%,50.8%)`
HSV (or HSB)	23.4°, 90.7, 92.9
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.226, 46.838, 64.292
XYZ	40.226, 28.375, 4.118
xyY	0.553, 0.39, 28.375
CIE-LCH	60.226, 79.544, 53.926
CIE-LUV	60.226, 108.543, 51.433
Hunter-Lab	53.268, 41.577, 32.704
Binary	11101101, 01101010, 00010110

#ed6a16
```
#ed6a16 rgb(237,106,22)
```
#1699ed
```
#1699ed rgb(22,153,237)
```

Complementary Color

#ed162d
```
#ed162d rgb(237,22,45)
```
#ed6a16
```
#ed6a16 rgb(237,106,22)
```
#edd616
```
#edd616 rgb(237,214,22)
```

Analogous Color

#162ded
```
#162ded rgb(22,45,237)
```
#ed6a16
```
#ed6a16 rgb(237,106,22)
```
#16edd6
```
#16edd6 rgb(22,237,214)
```

Split Complementary Color

#6a16ed
```
#6a16ed rgb(106,22,237)
```
#ed6a16
```
#ed6a16 rgb(237,106,22)
```
#16ed6a
```
#16ed6a rgb(22,237,106)
```

Triadic Color

#ed1699
```
#ed1699 rgb(237,22,153)
```
#ed6a16
```
#ed6a16 rgb(237,106,22)
```
#16ed6a
```
#16ed6a rgb(22,237,106)
```
#1699ed
```
#1699ed rgb(22,153,237)
```

Tetradic Color

#a94a0d
```
#a94a0d rgb(169,74,13)
```
#c1550f
```
#c1550f rgb(193,85,15)
```
#d95f11
```
#d95f11 rgb(217,95,17)
```
#ed6a16
```
#ed6a16 rgb(237,106,22)
```
#ef792e
```
#ef792e rgb(239,121,46)
```
#f18845
```
#f18845 rgb(241,136,69)
```
#f2975d
```
#f2975d rgb(242,151,93)
```

Monochromatic Color

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

#ed3416
```
#ed3416 rgb(237,52,22)
```
#ed4616
```
#ed4616 rgb(237,70,22)
```
#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)
```

Similar Colors

Text with hexadecimal color #ed6a16

This text has a font color of #ed6a16.

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

#ed6a16 background color

This paragraph has a background color of #ed6a16.

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

#ed6a16 border color

This element has a border color of #ed6a16.

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

CSS codes

.text {color:#ed6a16;}

.background {background-color:#ed6a16;}

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

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 #fef6f1 is the lightest one.

#040200
```
#040200 rgb(4,2,0)
```
#160a02
```
#160a02 rgb(22,10,2)
```
#281203
```
#281203 rgb(40,18,3)
```
#3a1a05
```
#3a1a05 rgb(58,26,5)
```
#4d2206
```
#4d2206 rgb(77,34,6)
```
#5f2907
```
#5f2907 rgb(95,41,7)
```
#713109
```
#713109 rgb(113,49,9)
```
#83390a
```
#83390a rgb(131,57,10)
```
#95410c
```
#95410c rgb(149,65,12)
```
#a8490d
```
#a8490d rgb(168,73,13)
```
#ba510e
```
#ba510e rgb(186,81,14)
```
#cc5910
```
#cc5910 rgb(204,89,16)
```
#de6111
```
#de6111 rgb(222,97,17)
```

Shade Color Variation

#ed6a16
```
#ed6a16 rgb(237,106,22)
```
#ee7628
```
#ee7628 rgb(238,118,40)
```
#f0813a
```
#f0813a rgb(240,129,58)
```
#f18d4d
```
#f18d4d rgb(241,141,77)
```
#f3995f
```
#f3995f rgb(243,153,95)
```
#f4a471
```
#f4a471 rgb(244,164,113)
```
#f5b083
```
#f5b083 rgb(245,176,131)
```
#f7bc95
```
#f7bc95 rgb(247,188,149)
```
#f8c7a8
```
#f8c7a8 rgb(248,199,168)
```
#fad3ba
```
#fad3ba rgb(250,211,186)
```
#fbdecc
```
#fbdecc rgb(251,222,204)
```
#fceade
```
#fceade rgb(252,234,222)
```
#fef6f1
```
#fef6f1 rgb(254,246,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 #f7680c is the most saturated one.

#838180
```
#838180 rgb(131,129,128)
```
#8c7f77
```
#8c7f77 rgb(140,127,119)
```
#967d6d
```
#967d6d rgb(150,125,109)
```
#a07b63
```
#a07b63 rgb(160,123,99)
```
#a9795a
```
#a9795a rgb(169,121,90)
```
#b37750
```
#b37750 rgb(179,119,80)
```
#bd7546
```
#bd7546 rgb(189,117,70)
```
#c6723d
```
#c6723d rgb(198,114,61)
```
#d07033
```
#d07033 rgb(208,112,51)
```
#da6e29
```
#da6e29 rgb(218,110,41)
```
#e36c20
```
#e36c20 rgb(227,108,32)
```
#ed6a16
```
#ed6a16 rgb(237,106,22)
```
#f7680c
```
#f7680c rgb(247,104,12)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#9c8271 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8972b Protanopia 1% of men
#bc8f00 Deuteranopia 1% of men
#f06a71 Tritanopia 0.001% of the population

Trichromacy

#c18623 Protanomaly 1% of men, 0.01% of women
#ce8108 Deuteranomaly 6% of men, 0.4% of women
#ef6a4f Tritanomaly 0.01% of the population

#ed6a16 hex color

#ed6a16 Color Information

#ed6a16 Color Conversion

Color Schemes with #ed6a16

Alternatives to #ed6a16

#ed6a16 Preview

Shades and Tints of #ed6a16

Tones of #ed6a16

Color Blindness Simulator