#ed5106 hex color

In a RGB color space, hex #ed5106 is composed of 92.9% red, 31.8% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.8% magenta, 97.5% yellow and 7.1% black. It has a hue angle of 19.5 degrees, a saturation of 95.1% and a lightness of 47.6%. #ed5106 color hex could be obtained by blending #ffa20c with #db0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 93
- G 32
- B 2
RGB color chart
- C 0
- M 66
- Y 97
- K 7
CMYK color chart

● #ed5106 color description : Vivid orange.

The hexadecimal color #ed5106 has RGB values of R:237, G:81, B:6 and CMYK values of C:0, M:0.66, Y:0.97, K:0.07. Its decimal value is 15552774.

Hex triplet	ed5106	`#ed5106`
RGB Decimal	237, 81, 6	`rgb(237,81,6)`
RGB Percent	92.9, 31.8, 2.4	`rgb(92.9%,31.8%,2.4%)`
CMYK	0, 66, 97, 7
HSL	19.5°, 95.1, 47.6	`hsl(19.5,95.1%,47.6%)`
HSV (or HSB)	19.5°, 97.5, 92.9
Web Safe	ff6600	`#ff6600`

CIE-LAB	55.994, 57.705, 65.158
XYZ	37.902, 23.907, 2.791
xyY	0.587, 0.37, 23.907
CIE-LCH	55.994, 87.037, 48.471
CIE-LUV	55.994, 128.563, 45.923
Hunter-Lab	48.895, 52.804, 30.842
Binary	11101101, 01010001, 00000110

#ed5106
```
#ed5106 rgb(237,81,6)
```
#06a2ed
```
#06a2ed rgb(6,162,237)
```

Complementary Color

#ed062f
```
#ed062f rgb(237,6,47)
```
#ed5106
```
#ed5106 rgb(237,81,6)
```
#edc506
```
#edc506 rgb(237,197,6)
```

Analogous Color

#062fed
```
#062fed rgb(6,47,237)
```
#ed5106
```
#ed5106 rgb(237,81,6)
```
#06edc5
```
#06edc5 rgb(6,237,197)
```

Split Complementary Color

#5106ed
```
#5106ed rgb(81,6,237)
```
#ed5106
```
#ed5106 rgb(237,81,6)
```
#06ed51
```
#06ed51 rgb(6,237,81)
```

Triadic Color

#ed06a2
```
#ed06a2 rgb(237,6,162)
```
#ed5106
```
#ed5106 rgb(237,81,6)
```
#06ed51
```
#06ed51 rgb(6,237,81)
```
#06a2ed
```
#06a2ed rgb(6,162,237)
```

Tetradic Color

#a23704
```
#a23704 rgb(162,55,4)
```
#bb4005
```
#bb4005 rgb(187,64,5)
```
#d44805
```
#d44805 rgb(212,72,5)
```
#ed5106
```
#ed5106 rgb(237,81,6)
```
#f95e13
```
#f95e13 rgb(249,94,19)
```
#fa6f2c
```
#fa6f2c rgb(250,111,44)
```
#fa8045
```
#fa8045 rgb(250,128,69)
```

Monochromatic Color

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

#ed1706
```
#ed1706 rgb(237,23,6)
```
#ed2a06
```
#ed2a06 rgb(237,42,6)
```
#ed3e06
```
#ed3e06 rgb(237,62,6)
```
#ed5106
```
#ed5106 rgb(237,81,6)
```
#ed6406
```
#ed6406 rgb(237,100,6)
```
#ed7806
```
#ed7806 rgb(237,120,6)
```
#ed8b06
```
#ed8b06 rgb(237,139,6)
```

Similar Colors

Text with hexadecimal color #ed5106

This text has a font color of #ed5106.

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

#ed5106 background color

This paragraph has a background color of #ed5106.

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

#ed5106 border color

This element has a border color of #ed5106.

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

CSS codes

.text {color:#ed5106;}

.background {background-color:#ed5106;}

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

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

#070300
```
#070300 rgb(7,3,0)
```
#1b0901
```
#1b0901 rgb(27,9,1)
```
#2e1001
```
#2e1001 rgb(46,16,1)
```
#411602
```
#411602 rgb(65,22,2)
```
#541d02
```
#541d02 rgb(84,29,2)
```
#672303
```
#672303 rgb(103,35,3)
```
#7a2a03
```
#7a2a03 rgb(122,42,3)
```
#8d3004
```
#8d3004 rgb(141,48,4)
```
#a03704
```
#a03704 rgb(160,55,4)
```
#b43d05
```
#b43d05 rgb(180,61,5)
```
#c74405
```
#c74405 rgb(199,68,5)
```
#da4a06
```
#da4a06 rgb(218,74,6)
```
#ed5106
```
#ed5106 rgb(237,81,6)
```

Shade Color Variation

#f95a0e
```
#f95a0e rgb(249,90,14)
```
#f96721
```
#f96721 rgb(249,103,33)
```
#fa7434
```
#fa7434 rgb(250,116,52)
```
#fa8147
```
#fa8147 rgb(250,129,71)
```
#fb8e5a
```
#fb8e5a rgb(251,142,90)
```
#fb9b6d
```
#fb9b6d rgb(251,155,109)
```
#fca981
```
#fca981 rgb(252,169,129)
```
#fcb694
```
#fcb694 rgb(252,182,148)
```
#fdc3a7
```
#fdc3a7 rgb(253,195,167)
```
#fdd0ba
```
#fdd0ba rgb(253,208,186)
```
#feddcd
```
#feddcd rgb(254,221,205)
```
#feeae0
```
#feeae0 rgb(254,234,224)
```
#fff7f3
```
#fff7f3 rgb(255,247,243)
```

Tint Color Variation

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

#7d7876
```
#7d7876 rgb(125,120,118)
```
#86756d
```
#86756d rgb(134,117,109)
```
#907263
```
#907263 rgb(144,114,99)
```
#996e5a
```
#996e5a rgb(153,110,90)
```
#a26b51
```
#a26b51 rgb(162,107,81)
```
#ac6847
```
#ac6847 rgb(172,104,71)
```
#b5653e
```
#b5653e rgb(181,101,62)
```
#be6135
```
#be6135 rgb(190,97,53)
```
#c85e2b
```
#c85e2b rgb(200,94,43)
```
#d15b22
```
#d15b22 rgb(209,91,34)
```
#da5819
```
#da5819 rgb(218,88,25)
```
#e4540f
```
#e4540f rgb(228,84,15)
```
#ed5106
```
#ed5106 rgb(237,81,6)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#8f6f60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8c21 Protanopia 1% of men
#af8500 Deuteranopia 1% of men
#ef5458 Tritanopia 0.001% of the population

Trichromacy

#ba7717 Protanomaly 1% of men, 0.01% of women
#c57202 Deuteranomaly 6% of men, 0.4% of women
#ee533a Tritanomaly 0.01% of the population

#ed5106 hex color

#ed5106 Color Information

#ed5106 Color Conversion

Color Schemes with #ed5106

Alternatives to #ed5106

#ed5106 Preview

Shades and Tints of #ed5106

Tones of #ed5106

Color Blindness Simulator