#ed580d hex color

In a RGB color space, hex #ed580d is composed of 92.9% red, 34.5% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.9% magenta, 94.5% yellow and 7.1% black. It has a hue angle of 20.1 degrees, a saturation of 89.6% and a lightness of 49%. #ed580d color hex could be obtained by blending #ffb01a with #db0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 93
- G 35
- B 5
RGB color chart
- C 0
- M 63
- Y 95
- K 7
CMYK color chart

● #ed580d color description : Vivid orange.

The hexadecimal color #ed580d has RGB values of R:237, G:88, B:13 and CMYK values of C:0, M:0.63, Y:0.95, K:0.07. Its decimal value is 15554573.

Hex triplet	ed580d	`#ed580d`
RGB Decimal	237, 88, 13	`rgb(237,88,13)`
RGB Percent	92.9, 34.5, 5.1	`rgb(92.9%,34.5%,5.1%)`
CMYK	0, 63, 95, 7
HSL	20.1°, 89.6, 49	`hsl(20.1,89.6%,49%)`
HSV (or HSB)	20.1°, 94.5, 92.9
Web Safe	ff6600	`#ff6600`

CIE-LAB	57.092, 54.863, 64.411
XYZ	38.489, 25.017, 3.183
xyY	0.577, 0.375, 25.017
CIE-LCH	57.092, 84.61, 49.577
CIE-LUV	57.092, 123.107, 47.184
Hunter-Lab	50.017, 49.829, 31.239
Binary	11101101, 01011000, 00001101

#ed580d
```
#ed580d rgb(237,88,13)
```
#0da2ed
```
#0da2ed rgb(13,162,237)
```

Complementary Color

#ed0d32
```
#ed0d32 rgb(237,13,50)
```
#ed580d
```
#ed580d rgb(237,88,13)
```
#edc80d
```
#edc80d rgb(237,200,13)
```

Analogous Color

#0d32ed
```
#0d32ed rgb(13,50,237)
```
#ed580d
```
#ed580d rgb(237,88,13)
```
#0dedc8
```
#0dedc8 rgb(13,237,200)
```

Split Complementary Color

#580ded
```
#580ded rgb(88,13,237)
```
#ed580d
```
#ed580d rgb(237,88,13)
```
#0ded58
```
#0ded58 rgb(13,237,88)
```

Triadic Color

#ed0da2
```
#ed0da2 rgb(237,13,162)
```
#ed580d
```
#ed580d rgb(237,88,13)
```
#0ded58
```
#0ded58 rgb(13,237,88)
```
#0da2ed
```
#0da2ed rgb(13,162,237)
```

Tetradic Color

#a43d09
```
#a43d09 rgb(164,61,9)
```
#bd460a
```
#bd460a rgb(189,70,10)
```
#d54f0c
```
#d54f0c rgb(213,79,12)
```
#ed580d
```
#ed580d rgb(237,88,13)
```
#f36721
```
#f36721 rgb(243,103,33)
```
#f47839
```
#f47839 rgb(244,120,57)
```
#f58851
```
#f58851 rgb(245,136,81)
```

Monochromatic Color

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

#ed200d
```
#ed200d rgb(237,32,13)
```
#ed330d
```
#ed330d rgb(237,51,13)
```
#ed450d
```
#ed450d rgb(237,69,13)
```
#ed580d
```
#ed580d rgb(237,88,13)
```
#ed6b0d
```
#ed6b0d rgb(237,107,13)
```
#ed7d0d
```
#ed7d0d rgb(237,125,13)
```
#ed900d
```
#ed900d rgb(237,144,13)
```

Similar Colors

Text with hexadecimal color #ed580d

This text has a font color of #ed580d.

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

#ed580d background color

This paragraph has a background color of #ed580d.

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

#ed580d border color

This element has a border color of #ed580d.

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

CSS codes

.text {color:#ed580d;}

.background {background-color:#ed580d;}

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

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, #0e0501 is the darkest color, while #fffcfa is the lightest one.

#0e0501
```
#0e0501 rgb(14,5,1)
```
#200c02
```
#200c02 rgb(32,12,2)
```
#331303
```
#331303 rgb(51,19,3)
```
#461a04
```
#461a04 rgb(70,26,4)
```
#582105
```
#582105 rgb(88,33,5)
```
#6b2806
```
#6b2806 rgb(107,40,6)
```
#7d2f07
```
#7d2f07 rgb(125,47,7)
```
#903508
```
#903508 rgb(144,53,8)
```
#a33c09
```
#a33c09 rgb(163,60,9)
```
#b5430a
```
#b5430a rgb(181,67,10)
```
#c84a0b
```
#c84a0b rgb(200,74,11)
```
#da510c
```
#da510c rgb(218,81,12)
```
#ed580d
```
#ed580d rgb(237,88,13)
```

Shade Color Variation

#f3631b
```
#f3631b rgb(243,99,27)
```
#f4702e
```
#f4702e rgb(244,112,46)
```
#f57d40
```
#f57d40 rgb(245,125,64)
```
#f68953
```
#f68953 rgb(246,137,83)
```
#f79665
```
#f79665 rgb(247,150,101)
```
#f8a378
```
#f8a378 rgb(248,163,120)
```
#f9af8b
```
#f9af8b rgb(249,175,139)
```
#fabc9d
```
#fabc9d rgb(250,188,157)
```
#fbc9b0
```
#fbc9b0 rgb(251,201,176)
```
#fcd6c2
```
#fcd6c2 rgb(252,214,194)
```
#fde2d5
```
#fde2d5 rgb(253,226,213)
```
#feefe8
```
#feefe8 rgb(254,239,232)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Tint Color Variation

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

#837b77
```
#837b77 rgb(131,123,119)
```
#8d786d
```
#8d786d rgb(141,120,109)
```
#967564
```
#967564 rgb(150,117,100)
```
#a0715a
```
#a0715a rgb(160,113,90)
```
#aa6e50
```
#aa6e50 rgb(170,110,80)
```
#b36b47
```
#b36b47 rgb(179,107,71)
```
#bd683d
```
#bd683d rgb(189,104,61)
```
#c76533
```
#c76533 rgb(199,101,51)
```
#d0622a
```
#d0622a rgb(208,98,42)
```
#da5e20
```
#da5e20 rgb(218,94,32)
```
#e35b17
```
#e35b17 rgb(227,91,23)
```
#ed580d
```
#ed580d rgb(237,88,13)
```
#f75503
```
#f75503 rgb(247,85,3)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#937566 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a08f25 Protanopia 1% of men
#b38800 Deuteranopia 1% of men
#ef5a5f Tritanopia 0.001% of the population

Trichromacy

#bc7b1c Protanomaly 1% of men, 0.01% of women
#c87604 Deuteranomaly 6% of men, 0.4% of women
#ee5941 Tritanomaly 0.01% of the population

#ed580d hex color

#ed580d Color Information

#ed580d Color Conversion

Color Schemes with #ed580d

Alternatives to #ed580d

#ed580d Preview

Shades and Tints of #ed580d

Tones of #ed580d

Color Blindness Simulator