#ed571f hex color

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

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

● #ed571f color description : Vivid orange.

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

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

CIE-LAB	57.001, 55.553, 58.963
XYZ	38.582, 24.924, 4.076
xyY	0.571, 0.369, 24.924
CIE-LCH	57.001, 81.011, 46.706
CIE-LUV	57.001, 122.69, 44.371
Hunter-Lab	49.924, 50.581, 30.107
Binary	11101101, 01010111, 00011111

#ed571f
```
#ed571f rgb(237,87,31)
```
#1fb5ed
```
#1fb5ed rgb(31,181,237)
```

Complementary Color

#ed1f4e
```
#ed1f4e rgb(237,31,78)
```
#ed571f
```
#ed571f rgb(237,87,31)
```
#edbe1f
```
#edbe1f rgb(237,190,31)
```

Analogous Color

#1f4eed
```
#1f4eed rgb(31,78,237)
```
#ed571f
```
#ed571f rgb(237,87,31)
```
#1fedbe
```
#1fedbe rgb(31,237,190)
```

Split Complementary Color

#571fed
```
#571fed rgb(87,31,237)
```
#ed571f
```
#ed571f rgb(237,87,31)
```
#1fed57
```
#1fed57 rgb(31,237,87)
```

Triadic Color

#ed1fb5
```
#ed1fb5 rgb(237,31,181)
```
#ed571f
```
#ed571f rgb(237,87,31)
```
#1fed57
```
#1fed57 rgb(31,237,87)
```
#1fb5ed
```
#1fb5ed rgb(31,181,237)
```

Tetradic Color

#b13b0e
```
#b13b0e rgb(177,59,14)
```
#c94210
```
#c94210 rgb(201,66,16)
```
#e04a12
```
#e04a12 rgb(224,74,18)
```
#ed571f
```
#ed571f rgb(237,87,31)
```
#ef6937
```
#ef6937 rgb(239,105,55)
```
#f17a4e
```
#f17a4e rgb(241,122,78)
```
#f38c66
```
#f38c66 rgb(243,140,102)
```

Monochromatic Color

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

#ed241f
```
#ed241f rgb(237,36,31)
```
#ed351f
```
#ed351f rgb(237,53,31)
```
#ed461f
```
#ed461f rgb(237,70,31)
```
#ed571f
```
#ed571f rgb(237,87,31)
```
#ed681f
```
#ed681f rgb(237,104,31)
```
#ed791f
```
#ed791f rgb(237,121,31)
```
#ed8b1f
```
#ed8b1f rgb(237,139,31)
```

Similar Colors

Text with hexadecimal color #ed571f

This text has a font color of #ed571f.

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

#ed571f background color

This paragraph has a background color of #ed571f.

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

#ed571f border color

This element has a border color of #ed571f.

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

CSS codes

.text {color:#ed571f;}

.background {background-color:#ed571f;}

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

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)
```
#79280a
```
#79280a rgb(121,40,10)
```
#8b2e0b
```
#8b2e0b rgb(139,46,11)
```
#9d340d
```
#9d340d rgb(157,52,13)
```
#af3a0e
```
#af3a0e rgb(175,58,14)
```
#c24010
```
#c24010 rgb(194,64,16)
```
#d44611
```
#d44611 rgb(212,70,17)
```
#e64c12
```
#e64c12 rgb(230,76,18)
```

Shade Color Variation

#ed571f
```
#ed571f rgb(237,87,31)
```
#ee6531
```
#ee6531 rgb(238,101,49)
```
#f07243
```
#f07243 rgb(240,114,67)
```
#f18055
```
#f18055 rgb(241,128,85)
```
#f38d68
```
#f38d68 rgb(243,141,104)
```
#f49b7a
```
#f49b7a rgb(244,155,122)
```
#f6a98c
```
#f6a98c rgb(246,169,140)
```
#f7b69e
```
#f7b69e rgb(247,182,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 #f65316 is the most saturated one.

#878685
```
#878685 rgb(135,134,133)
```
#90817c
```
#90817c rgb(144,129,124)
```
#997d73
```
#997d73 rgb(153,125,115)
```
#a37969
```
#a37969 rgb(163,121,105)
```
#ac7560
```
#ac7560 rgb(172,117,96)
```
#b57057
```
#b57057 rgb(181,112,87)
```
#be6c4e
```
#be6c4e rgb(190,108,78)
```
#c86844
```
#c86844 rgb(200,104,68)
```
#d1643b
```
#d1643b rgb(209,100,59)
```
#da5f32
```
#da5f32 rgb(218,95,50)
```
#e45b28
```
#e45b28 rgb(228,91,40)
```
#ed571f
```
#ed571f rgb(237,87,31)
```
#f65316
```
#f65316 rgb(246,83,22)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#93756a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8f36 Protanopia 1% of men
#b28813 Deuteranopia 1% of men
#ef5a5f Tritanopia 0.001% of the population

Trichromacy

#bb7a2d Protanomaly 1% of men, 0.01% of women
#c77617 Deuteranomaly 6% of men, 0.4% of women
#ee5947 Tritanomaly 0.01% of the population

#ed571f hex color

#ed571f Color Information

#ed571f Color Conversion

Color Schemes with #ed571f

Alternatives to #ed571f

#ed571f Preview

Shades and Tints of #ed571f

Tones of #ed571f

Color Blindness Simulator