colorhexa.com

#ed4d1f hex color

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

- R 93
- G 30
- B 12
RGB color chart
- C 0
- M 68
- Y 87
- K 7
CMYK color chart

● #ed4d1f color description : Vivid red.

The hexadecimal color #ed4d1f has RGB values of R:237, G:77, B:31 and CMYK values of C:0, M:0.68, Y:0.87, K:0.07. Its decimal value is 15551775.

Hex triplet	ed4d1f	`#ed4d1f`
RGB Decimal	237, 77, 31	`rgb(237,77,31)`
RGB Percent	92.9, 30.2, 12.2	`rgb(92.9%,30.2%,12.2%)`
CMYK	0, 68, 87, 7
HSL	13.4°, 85.1, 52.5	`hsl(13.4,85.1%,52.5%)`
HSV (or HSB)	13.4°, 86.9, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	55.498, 59.606, 57.776
XYZ	37.828, 23.416, 3.824
xyY	0.581, 0.36, 23.416
CIE-LCH	55.498, 83.011, 44.107
CIE-LUV	55.498, 129.819, 41.71
Hunter-Lab	48.39, 54.858, 29.187
Binary	11101101, 01001101, 00011111

#ed4d1f
```
#ed4d1f rgb(237,77,31)
```
#1fbfed
```
#1fbfed rgb(31,191,237)
```

Complementary Color

#ed1f58
```
#ed1f58 rgb(237,31,88)
```
#ed4d1f
```
#ed4d1f rgb(237,77,31)
```
#edb41f
```
#edb41f rgb(237,180,31)
```

Analogous Color

#1f58ed
```
#1f58ed rgb(31,88,237)
```
#ed4d1f
```
#ed4d1f rgb(237,77,31)
```
#1fedb4
```
#1fedb4 rgb(31,237,180)
```

Split Complementary Color

#4d1fed
```
#4d1fed rgb(77,31,237)
```
#ed4d1f
```
#ed4d1f rgb(237,77,31)
```
#1fed4d
```
#1fed4d rgb(31,237,77)
```

Triadic Color

#ed1fbf
```
#ed1fbf rgb(237,31,191)
```
#ed4d1f
```
#ed4d1f rgb(237,77,31)
```
#1fed4d
```
#1fed4d rgb(31,237,77)
```
#1fbfed
```
#1fbfed rgb(31,191,237)
```

Tetradic Color

#b1330e
```
#b1330e rgb(177,51,14)
```
#c93910
```
#c93910 rgb(201,57,16)
```
#e04012
```
#e04012 rgb(224,64,18)
```
#ed4d1f
```
#ed4d1f rgb(237,77,31)
```
#ef6037
```
#ef6037 rgb(239,96,55)
```
#f1734e
```
#f1734e rgb(241,115,78)
```
#f38566
```
#f38566 rgb(243,133,102)
```

Monochromatic Color

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

#ed1f25
```
#ed1f25 rgb(237,31,37)
```
#ed2b1f
```
#ed2b1f rgb(237,43,31)
```
#ed3c1f
```
#ed3c1f rgb(237,60,31)
```
#ed4d1f
```
#ed4d1f rgb(237,77,31)
```
#ed5e1f
```
#ed5e1f rgb(237,94,31)
```
#ed6f1f
```
#ed6f1f rgb(237,111,31)
```
#ed811f
```
#ed811f rgb(237,129,31)
```

Similar Colors

Text with hexadecimal color #ed4d1f

This text has a font color of #ed4d1f.

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

#ed4d1f background color

This paragraph has a background color of #ed4d1f.

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

#ed4d1f border color

This element has a border color of #ed4d1f.

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

CSS codes

.text {color:#ed4d1f;}

.background {background-color:#ed4d1f;}

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

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

#0c0301
```
#0c0301 rgb(12,3,1)
```
#1e0902
```
#1e0902 rgb(30,9,2)
```
#300e04
```
#300e04 rgb(48,14,4)
```
#431305
```
#431305 rgb(67,19,5)
```
#551807
```
#551807 rgb(85,24,7)
```
#671d08
```
#671d08 rgb(103,29,8)
```
#79230a
```
#79230a rgb(121,35,10)
```
#8b280b
```
#8b280b rgb(139,40,11)
```
#9d2d0d
```
#9d2d0d rgb(157,45,13)
```
#af320e
```
#af320e rgb(175,50,14)
```
#c23710
```
#c23710 rgb(194,55,16)
```
#d43d11
```
#d43d11 rgb(212,61,17)
```
#e64212
```
#e64212 rgb(230,66,18)
```

Shade Color Variation

#ed4d1f
```
#ed4d1f rgb(237,77,31)
```
#ee5b31
```
#ee5b31 rgb(238,91,49)
```
#f06a43
```
#f06a43 rgb(240,106,67)
```
#f17855
```
#f17855 rgb(241,120,85)
```
#f38768
```
#f38768 rgb(243,135,104)
```
#f4957a
```
#f4957a rgb(244,149,122)
```
#f6a48c
```
#f6a48c rgb(246,164,140)
```
#f7b29e
```
#f7b29e rgb(247,178,158)
```
#f9c0b0
```
#f9c0b0 rgb(249,192,176)
```
#facfc2
```
#facfc2 rgb(250,207,194)
```
#fcddd5
```
#fcddd5 rgb(252,221,213)
```
#fdece7
```
#fdece7 rgb(253,236,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 #f64816 is the most saturated one.

#878685
```
#878685 rgb(135,134,133)
```
#90817c
```
#90817c rgb(144,129,124)
```
#997b73
```
#997b73 rgb(153,123,115)
```
#a37669
```
#a37669 rgb(163,118,105)
```
#ac7160
```
#ac7160 rgb(172,113,96)
```
#b56c57
```
#b56c57 rgb(181,108,87)
```
#be674e
```
#be674e rgb(190,103,78)
```
#c86244
```
#c86244 rgb(200,98,68)
```
#d15c3b
```
#d15c3b rgb(209,92,59)
```
#da5732
```
#da5732 rgb(218,87,50)
```
#e45228
```
#e45228 rgb(228,82,40)
```
#ed4d1f
```
#ed4d1f rgb(237,77,31)
```
#f64816
```
#f64816 rgb(246,72,22)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#8f6f66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8b37 Protanopia 1% of men
#ae8410 Deuteranopia 1% of men
#ef5155 Tritanopia 0.001% of the population

Trichromacy

#b8742e Protanomaly 1% of men, 0.01% of women
#c57015 Deuteranomaly 6% of men, 0.4% of women
#ee5041 Tritanomaly 0.01% of the population