#ed580c hex color

In a RGB color space, hex #ed580c is composed of 92.9% red, 34.5% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.9% magenta, 94.9% yellow and 7.1% black. It has a hue angle of 20.3 degrees, a saturation of 90.4% and a lightness of 48.8%. #ed580c color hex could be obtained by blending #ffb018 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

● #ed580c color description : Vivid orange.

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

Hex triplet	ed580c	`#ed580c`
RGB Decimal	237, 88, 12	`rgb(237,88,12)`
RGB Percent	92.9, 34.5, 4.7	`rgb(92.9%,34.5%,4.7%)`
CMYK	0, 63, 95, 7
HSL	20.3°, 90.4, 48.8	`hsl(20.3,90.4%,48.8%)`
HSV (or HSB)	20.3°, 94.9, 92.9
Web Safe	ff6600	`#ff6600`

CIE-LAB	57.09, 54.854, 64.621
XYZ	38.483, 25.015, 3.15
xyY	0.577, 0.375, 25.015
CIE-LCH	57.09, 84.763, 49.674
CIE-LUV	57.09, 123.149, 47.276
Hunter-Lab	50.015, 49.817, 31.276
Binary	11101101, 01011000, 00001100

#ed580c
```
#ed580c rgb(237,88,12)
```
#0ca1ed
```
#0ca1ed rgb(12,161,237)
```

Complementary Color

#ed0c30
```
#ed0c30 rgb(237,12,48)
```
#ed580c
```
#ed580c rgb(237,88,12)
```
#edc90c
```
#edc90c rgb(237,201,12)
```

Analogous Color

#0c30ed
```
#0c30ed rgb(12,48,237)
```
#ed580c
```
#ed580c rgb(237,88,12)
```
#0cedc9
```
#0cedc9 rgb(12,237,201)
```

Split Complementary Color

#580ced
```
#580ced rgb(88,12,237)
```
#ed580c
```
#ed580c rgb(237,88,12)
```
#0ced58
```
#0ced58 rgb(12,237,88)
```

Triadic Color

#ed0ca1
```
#ed0ca1 rgb(237,12,161)
```
#ed580c
```
#ed580c rgb(237,88,12)
```
#0ced58
```
#0ced58 rgb(12,237,88)
```
#0ca1ed
```
#0ca1ed rgb(12,161,237)
```

Tetradic Color

#a43d08
```
#a43d08 rgb(164,61,8)
```
#bc460a
```
#bc460a rgb(188,70,10)
```
#d54f0b
```
#d54f0b rgb(213,79,11)
```
#ed580c
```
#ed580c rgb(237,88,12)
```
#f4671f
```
#f4671f rgb(244,103,31)
```
#f57737
```
#f57737 rgb(245,119,55)
```
#f6884f
```
#f6884f rgb(246,136,79)
```

Monochromatic Color

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

#ed200c
```
#ed200c rgb(237,32,12)
```
#ed330c
```
#ed330c rgb(237,51,12)
```
#ed450c
```
#ed450c rgb(237,69,12)
```
#ed580c
```
#ed580c rgb(237,88,12)
```
#ed6b0c
```
#ed6b0c rgb(237,107,12)
```
#ed7e0c
```
#ed7e0c rgb(237,126,12)
```
#ed900c
```
#ed900c rgb(237,144,12)
```

Similar Colors

Text with hexadecimal color #ed580c

This text has a font color of #ed580c.

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

#ed580c background color

This paragraph has a background color of #ed580c.

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

#ed580c border color

This element has a border color of #ed580c.

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

CSS codes

.text {color:#ed580c;}

.background {background-color:#ed580c;}

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

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

#0d0501
```
#0d0501 rgb(13,5,1)
```
#200c02
```
#200c02 rgb(32,12,2)
```
#321303
```
#321303 rgb(50,19,3)
```
#451a03
```
#451a03 rgb(69,26,3)
```
#582104
```
#582104 rgb(88,33,4)
```
#6a2705
```
#6a2705 rgb(106,39,5)
```
#7d2e06
```
#7d2e06 rgb(125,46,6)
```
#903507
```
#903507 rgb(144,53,7)
```
#a23c08
```
#a23c08 rgb(162,60,8)
```
#b54309
```
#b54309 rgb(181,67,9)
```
#c84a0a
```
#c84a0a rgb(200,74,10)
```
#da510b
```
#da510b rgb(218,81,11)
```
#ed580c
```
#ed580c rgb(237,88,12)
```

Shade Color Variation

#f36319
```
#f36319 rgb(243,99,25)
```
#f4702c
```
#f4702c rgb(244,112,44)
```
#f57c3f
```
#f57c3f rgb(245,124,63)
```
#f68951
```
#f68951 rgb(246,137,81)
```
#f79664
```
#f79664 rgb(247,150,100)
```
#f8a277
```
#f8a277 rgb(248,162,119)
```
#f9af89
```
#f9af89 rgb(249,175,137)
```
#fabc9c
```
#fabc9c rgb(250,188,156)
```
#fbc8af
```
#fbc8af rgb(251,200,175)
```
#fcd5c1
```
#fcd5c1 rgb(252,213,193)
```
#fde2d4
```
#fde2d4 rgb(253,226,212)
```
#feeee7
```
#feeee7 rgb(254,238,231)
```
#fffbf9
```
#fffbf9 rgb(255,251,249)
```

Tint Color Variation

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

#847a75
```
#847a75 rgb(132,122,117)
```
#8d776c
```
#8d776c rgb(141,119,108)
```
#977462
```
#977462 rgb(151,116,98)
```
#a07159
```
#a07159 rgb(160,113,89)
```
#aa6e4f
```
#aa6e4f rgb(170,110,79)
```
#b46b45
```
#b46b45 rgb(180,107,69)
```
#bd683c
```
#bd683c rgb(189,104,60)
```
#c76432
```
#c76432 rgb(199,100,50)
```
#d06129
```
#d06129 rgb(208,97,41)
```
#da5e1f
```
#da5e1f rgb(218,94,31)
```
#e35b16
```
#e35b16 rgb(227,91,22)
```
#ed580c
```
#ed580c rgb(237,88,12)
```
#f75502
```
#f75502 rgb(247,85,2)
```

Tone Color Variation

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

#ed580c hex color

#ed580c Color Information

#ed580c Color Conversion

Color Schemes with #ed580c

Alternatives to #ed580c

#ed580c Preview

Shades and Tints of #ed580c

Tones of #ed580c

Color Blindness Simulator