#ed5100 hex color

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

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

● #ed5100 color description : Pure (or mostly pure) orange.

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

Hex triplet	ed5100	`#ed5100`
RGB Decimal	237, 81, 0	`rgb(237,81,0)`
RGB Percent	92.9, 31.8, 0	`rgb(92.9%,31.8%,0%)`
CMYK	0, 66, 100, 7
HSL	20.5°, 100, 46.5	`hsl(20.5,100%,46.5%)`
HSV (or HSB)	20.5°, 100, 92.9
Web Safe	ff6600	`#ff6600`

CIE-LAB	55.981, 57.656, 66.381
XYZ	37.869, 23.894, 2.618
xyY	0.588, 0.371, 23.894
CIE-LCH	55.981, 87.924, 49.024
CIE-LUV	55.981, 128.801, 46.416
Hunter-Lab	48.881, 52.745, 31.041
Binary	11101101, 01010001, 00000000

#ed5100
```
#ed5100 rgb(237,81,0)
```
#009ced
```
#009ced rgb(0,156,237)
```

Complementary Color

#ed0026
```
#ed0026 rgb(237,0,38)
```
#ed5100
```
#ed5100 rgb(237,81,0)
```
#edc800
```
#edc800 rgb(237,200,0)
```

Analogous Color

#0026ed
```
#0026ed rgb(0,38,237)
```
#ed5100
```
#ed5100 rgb(237,81,0)
```
#00edc8
```
#00edc8 rgb(0,237,200)
```

Split Complementary Color

#5100ed
```
#5100ed rgb(81,0,237)
```
#ed5100
```
#ed5100 rgb(237,81,0)
```
#00ed51
```
#00ed51 rgb(0,237,81)
```

Triadic Color

#ed009c
```
#ed009c rgb(237,0,156)
```
#ed5100
```
#ed5100 rgb(237,81,0)
```
#00ed51
```
#00ed51 rgb(0,237,81)
```
#009ced
```
#009ced rgb(0,156,237)
```

Tetradic Color

#a13700
```
#a13700 rgb(161,55,0)
```
#ba4000
```
#ba4000 rgb(186,64,0)
```
#d44800
```
#d44800 rgb(212,72,0)
```
#ed5100
```
#ed5100 rgb(237,81,0)
```
#ff5c07
```
#ff5c07 rgb(255,92,7)
```
#ff6d21
```
#ff6d21 rgb(255,109,33)
```
#ff7e3b
```
#ff7e3b rgb(255,126,59)
```

Monochromatic Color

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

#ed1600
```
#ed1600 rgb(237,22,0)
```
#ed2a00
```
#ed2a00 rgb(237,42,0)
```
#ed3d00
```
#ed3d00 rgb(237,61,0)
```
#ed5100
```
#ed5100 rgb(237,81,0)
```
#ed6500
```
#ed6500 rgb(237,101,0)
```
#ed7900
```
#ed7900 rgb(237,121,0)
```
#ed8c00
```
#ed8c00 rgb(237,140,0)
```

Similar Colors

Text with hexadecimal color #ed5100

This text has a font color of #ed5100.

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

#ed5100 background color

This paragraph has a background color of #ed5100.

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

#ed5100 border color

This element has a border color of #ed5100.

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

CSS codes

.text {color:#ed5100;}

.background {background-color:#ed5100;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#150700
```
#150700 rgb(21,7,0)
```
#290e00
```
#290e00 rgb(41,14,0)
```
#3c1500
```
#3c1500 rgb(60,21,0)
```
#501b00
```
#501b00 rgb(80,27,0)
```
#642200
```
#642200 rgb(100,34,0)
```
#772900
```
#772900 rgb(119,41,0)
```
#8b2f00
```
#8b2f00 rgb(139,47,0)
```
#9f3600
```
#9f3600 rgb(159,54,0)
```
#b23d00
```
#b23d00 rgb(178,61,0)
```
#c64400
```
#c64400 rgb(198,68,0)
```
#d94a00
```
#d94a00 rgb(217,74,0)
```
#ed5100
```
#ed5100 rgb(237,81,0)
```

Shade Color Variation

#ff5802
```
#ff5802 rgb(255,88,2)
```
#ff6515
```
#ff6515 rgb(255,101,21)
```
#ff7229
```
#ff7229 rgb(255,114,41)
```
#ff7f3c
```
#ff7f3c rgb(255,127,60)
```
#ff8c50
```
#ff8c50 rgb(255,140,80)
```
#ff9964
```
#ff9964 rgb(255,153,100)
```
#ffa677
```
#ffa677 rgb(255,166,119)
```
#ffb38b
```
#ffb38b rgb(255,179,139)
```
#ffc09f
```
#ffc09f rgb(255,192,159)
```
#ffccb2
```
#ffccb2 rgb(255,204,178)
```
#ffd9c6
```
#ffd9c6 rgb(255,217,198)
```
#ffe6d9
```
#ffe6d9 rgb(255,230,217)
```
#fff3ed
```
#fff3ed rgb(255,243,237)
```

Tint Color Variation

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

#80746d
```
#80746d rgb(128,116,109)
```
#897164
```
#897164 rgb(137,113,100)
```
#926e5b
```
#926e5b rgb(146,110,91)
```
#9b6b52
```
#9b6b52 rgb(155,107,82)
```
#a46849
```
#a46849 rgb(164,104,73)
```
#ad6540
```
#ad6540 rgb(173,101,64)
```
#b66237
```
#b66237 rgb(182,98,55)
```
#bf5f2e
```
#bf5f2e rgb(191,95,46)
```
#c95d24
```
#c95d24 rgb(201,93,36)
```
#d25a1b
```
#d25a1b rgb(210,90,27)
```
#db5712
```
#db5712 rgb(219,87,18)
```
#e45409
```
#e45409 rgb(228,84,9)
```
#ed5100
```
#ed5100 rgb(237,81,0)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#8e6f5e Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#ba7711 Protanomaly 1% of men, 0.01% of women
#c57200 Deuteranomaly 6% of men, 0.4% of women
#ee5338 Tritanomaly 0.01% of the population

#ed5100 hex color

#ed5100 Color Information

#ed5100 Color Conversion

Color Schemes with #ed5100

Alternatives to #ed5100

#ed5100 Preview

Shades and Tints of #ed5100

Tones of #ed5100

Color Blindness Simulator