#ed581f hex color

In a RGB color space, hex #ed581f is composed of 92.9% red, 34.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.9% magenta, 86.9% yellow and 7.1% black. It has a hue angle of 16.6 degrees, a saturation of 85.1% and a lightness of 52.5%. #ed581f color hex could be obtained by blending #ffb03e with #db0000. Closest websafe color is: #ff6633.

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

● #ed581f color description : Vivid orange.

The hexadecimal color #ed581f has RGB values of R:237, G:88, B:31 and CMYK values of C:0, M:0.63, Y:0.87, K:0.07. Its decimal value is 15554591.

Hex triplet	ed581f	`#ed581f`
RGB Decimal	237, 88, 31	`rgb(237,88,31)`
RGB Percent	92.9, 34.5, 12.2	`rgb(92.9%,34.5%,12.2%)`
CMYK	0, 63, 87, 7
HSL	16.6°, 85.1, 52.5	`hsl(16.6,85.1%,52.5%)`
HSV (or HSB)	16.6°, 86.9, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	57.16, 55.129, 59.088
XYZ	38.664, 25.087, 4.103
xyY	0.57, 0.37, 25.087
CIE-LCH	57.16, 80.812, 46.985
CIE-LUV	57.16, 121.95, 44.65
Hunter-Lab	50.087, 50.137, 30.204
Binary	11101101, 01011000, 00011111

#ed581f
```
#ed581f rgb(237,88,31)
```
#1fb4ed
```
#1fb4ed rgb(31,180,237)
```

Complementary Color

#ed1f4d
```
#ed1f4d rgb(237,31,77)
```
#ed581f
```
#ed581f rgb(237,88,31)
```
#edbf1f
```
#edbf1f rgb(237,191,31)
```

Analogous Color

#1f4ded
```
#1f4ded rgb(31,77,237)
```
#ed581f
```
#ed581f rgb(237,88,31)
```
#1fedbf
```
#1fedbf rgb(31,237,191)
```

Split Complementary Color

#581fed
```
#581fed rgb(88,31,237)
```
#ed581f
```
#ed581f rgb(237,88,31)
```
#1fed58
```
#1fed58 rgb(31,237,88)
```

Triadic Color

#ed1fb4
```
#ed1fb4 rgb(237,31,180)
```
#ed581f
```
#ed581f rgb(237,88,31)
```
#1fed58
```
#1fed58 rgb(31,237,88)
```
#1fb4ed
```
#1fb4ed rgb(31,180,237)
```

Tetradic Color

#b13b0e
```
#b13b0e rgb(177,59,14)
```
#c94310
```
#c94310 rgb(201,67,16)
```
#e04b12
```
#e04b12 rgb(224,75,18)
```
#ed581f
```
#ed581f rgb(237,88,31)
```
#ef6a37
```
#ef6a37 rgb(239,106,55)
```
#f17b4e
```
#f17b4e rgb(241,123,78)
```
#f38d66
```
#f38d66 rgb(243,141,102)
```

Monochromatic Color

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

#ed251f
```
#ed251f rgb(237,37,31)
```
#ed361f
```
#ed361f rgb(237,54,31)
```
#ed471f
```
#ed471f rgb(237,71,31)
```
#ed581f
```
#ed581f rgb(237,88,31)
```
#ed691f
```
#ed691f rgb(237,105,31)
```
#ed7a1f
```
#ed7a1f rgb(237,122,31)
```
#ed8c1f
```
#ed8c1f rgb(237,140,31)
```

Similar Colors

Text with hexadecimal color #ed581f

This text has a font color of #ed581f.

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

#ed581f background color

This paragraph has a background color of #ed581f.

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

#ed581f border color

This element has a border color of #ed581f.

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

CSS codes

.text {color:#ed581f;}

.background {background-color:#ed581f;}

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

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

#0c0401
```
#0c0401 rgb(12,4,1)
```
#1e0a02
```
#1e0a02 rgb(30,10,2)
```
#301004
```
#301004 rgb(48,16,4)
```
#431605
```
#431605 rgb(67,22,5)
```
#551c07
```
#551c07 rgb(85,28,7)
```
#672208
```
#672208 rgb(103,34,8)
```
#79290a
```
#79290a rgb(121,41,10)
```
#8b2f0b
```
#8b2f0b rgb(139,47,11)
```
#9d350d
```
#9d350d rgb(157,53,13)
```
#af3b0e
```
#af3b0e rgb(175,59,14)
```
#c24110
```
#c24110 rgb(194,65,16)
```
#d44711
```
#d44711 rgb(212,71,17)
```
#e64d12
```
#e64d12 rgb(230,77,18)
```

Shade Color Variation

#ed581f
```
#ed581f rgb(237,88,31)
```
#ee6631
```
#ee6631 rgb(238,102,49)
```
#f07343
```
#f07343 rgb(240,115,67)
```
#f18155
```
#f18155 rgb(241,129,85)
```
#f38e68
```
#f38e68 rgb(243,142,104)
```
#f49c7a
```
#f49c7a rgb(244,156,122)
```
#f6a98c
```
#f6a98c rgb(246,169,140)
```
#f7b79e
```
#f7b79e rgb(247,183,158)
```
#f9c4b0
```
#f9c4b0 rgb(249,196,176)
```
#fad2c2
```
#fad2c2 rgb(250,210,194)
```
#fcdfd5
```
#fcdfd5 rgb(252,223,213)
```
#fdede7
```
#fdede7 rgb(253,237,231)
```
#fffaf9
```
#fffaf9 rgb(255,250,249)
```

Tint Color Variation

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

#878685
```
#878685 rgb(135,134,133)
```
#90827c
```
#90827c rgb(144,130,124)
```
#997d73
```
#997d73 rgb(153,125,115)
```
#a37969
```
#a37969 rgb(163,121,105)
```
#ac7560
```
#ac7560 rgb(172,117,96)
```
#b57157
```
#b57157 rgb(181,113,87)
```
#be6d4e
```
#be6d4e rgb(190,109,78)
```
#c86944
```
#c86944 rgb(200,105,68)
```
#d1643b
```
#d1643b rgb(209,100,59)
```
#da6032
```
#da6032 rgb(218,96,50)
```
#e45c28
```
#e45c28 rgb(228,92,40)
```
#ed581f
```
#ed581f rgb(237,88,31)
```
#f65416
```
#f65416 rgb(246,84,22)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#94766b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8f36 Protanopia 1% of men
#b38813 Deuteranopia 1% of men
#ef5b60 Tritanopia 0.001% of the population

Trichromacy

#bb7b2d Protanomaly 1% of men, 0.01% of women
#c87617 Deuteranomaly 6% of men, 0.4% of women
#ee5a48 Tritanomaly 0.01% of the population

#ed581f hex color

#ed581f Color Information

#ed581f Color Conversion

Color Schemes with #ed581f

Alternatives to #ed581f

#ed581f Preview

Shades and Tints of #ed581f

Tones of #ed581f

Color Blindness Simulator