#ed1f24 hex color

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

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

● #ed1f24 color description : Vivid red.

The hexadecimal color #ed1f24 has RGB values of R:237, G:31, B:36 and CMYK values of C:0, M:0.87, Y:0.85, K:0.07. Its decimal value is 15540004.

Hex triplet	ed1f24	`#ed1f24`
RGB Decimal	237, 31, 36	`rgb(237,31,36)`
RGB Percent	92.9, 12.2, 14.1	`rgb(92.9%,12.2%,14.1%)`
CMYK	0, 87, 85, 7
HSL	358.5°, 85.1, 52.5	`hsl(358.5,85.1%,52.5%)`
HSV (or HSB)	358.5°, 86.9, 92.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	50.823, 72.844, 51.759
XYZ	35.735, 19.117, 3.477
xyY	0.613, 0.328, 19.117
CIE-LCH	50.823, 89.36, 35.396
CIE-LUV	50.823, 152.968, 32.016
Hunter-Lab	43.722, 69.378, 25.89
Binary	11101101, 00011111, 00100100

#ed1f24
```
#ed1f24 rgb(237,31,36)
```
#1fede8
```
#1fede8 rgb(31,237,232)
```

Complementary Color

#ed1f8b
```
#ed1f8b rgb(237,31,139)
```
#ed1f24
```
#ed1f24 rgb(237,31,36)
```
#ed811f
```
#ed811f rgb(237,129,31)
```

Analogous Color

#1f8bed
```
#1f8bed rgb(31,139,237)
```
#ed1f24
```
#ed1f24 rgb(237,31,36)
```
#1fed81
```
#1fed81 rgb(31,237,129)
```

Split Complementary Color

#1f24ed
```
#1f24ed rgb(31,36,237)
```
#ed1f24
```
#ed1f24 rgb(237,31,36)
```
#24ed1f
```
#24ed1f rgb(36,237,31)
```

Triadic Color

#e81fed
```
#e81fed rgb(232,31,237)
```
#ed1f24
```
#ed1f24 rgb(237,31,36)
```
#24ed1f
```
#24ed1f rgb(36,237,31)
```
#1fede8
```
#1fede8 rgb(31,237,232)
```

Tetradic Color

#b10e12
```
#b10e12 rgb(177,14,18)
```
#c91015
```
#c91015 rgb(201,16,21)
```
#e01217
```
#e01217 rgb(224,18,23)
```
#ed1f24
```
#ed1f24 rgb(237,31,36)
```
#ef373b
```
#ef373b rgb(239,55,59)
```
#f14e52
```
#f14e52 rgb(241,78,82)
```
#f36669
```
#f36669 rgb(243,102,105)
```

Monochromatic Color

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

#ed1f58
```
#ed1f58 rgb(237,31,88)
```
#ed1f46
```
#ed1f46 rgb(237,31,70)
```
#ed1f35
```
#ed1f35 rgb(237,31,53)
```
#ed1f24
```
#ed1f24 rgb(237,31,36)
```
#ed2b1f
```
#ed2b1f rgb(237,43,31)
```
#ed3c1f
```
#ed3c1f rgb(237,60,31)
```
#ed4e1f
```
#ed4e1f rgb(237,78,31)
```

Similar Colors

Text with hexadecimal color #ed1f24

This text has a font color of #ed1f24.

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

#ed1f24 background color

This paragraph has a background color of #ed1f24.

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

#ed1f24 border color

This element has a border color of #ed1f24.

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

CSS codes

.text {color:#ed1f24;}

.background {background-color:#ed1f24;}

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

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

#0c0101
```
#0c0101 rgb(12,1,1)
```
#1e0203
```
#1e0203 rgb(30,2,3)
```
#300405
```
#300405 rgb(48,4,5)
```
#430507
```
#430507 rgb(67,5,7)
```
#550709
```
#550709 rgb(85,7,9)
```
#67080b
```
#67080b rgb(103,8,11)
```
#790a0c
```
#790a0c rgb(121,10,12)
```
#8b0b0e
```
#8b0b0e rgb(139,11,14)
```
#9d0d10
```
#9d0d10 rgb(157,13,16)
```
#af0e12
```
#af0e12 rgb(175,14,18)
```
#c21014
```
#c21014 rgb(194,16,20)
```
#d41116
```
#d41116 rgb(212,17,22)
```
#e61218
```
#e61218 rgb(230,18,24)
```

Shade Color Variation

#ed1f24
```
#ed1f24 rgb(237,31,36)
```
#ee3136
```
#ee3136 rgb(238,49,54)
```
#f04348
```
#f04348 rgb(240,67,72)
```
#f15559
```
#f15559 rgb(241,85,89)
```
#f3686b
```
#f3686b rgb(243,104,107)
```
#f47a7d
```
#f47a7d rgb(244,122,125)
```
#f68c8f
```
#f68c8f rgb(246,140,143)
```
#f79ea0
```
#f79ea0 rgb(247,158,160)
```
#f9b0b2
```
#f9b0b2 rgb(249,176,178)
```
#fac2c4
```
#fac2c4 rgb(250,194,196)
```
#fcd5d6
```
#fcd5d6 rgb(252,213,214)
```
#fde7e7
```
#fde7e7 rgb(253,231,231)
```
#fff9f9
```
#fff9f9 rgb(255,249,249)
```

Tint Color Variation

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

#878585
```
#878585 rgb(135,133,133)
```
#907c7d
```
#907c7d rgb(144,124,125)
```
#997374
```
#997374 rgb(153,115,116)
```
#a3696b
```
#a3696b rgb(163,105,107)
```
#ac6062
```
#ac6062 rgb(172,96,98)
```
#b55759
```
#b55759 rgb(181,87,89)
```
#be4e50
```
#be4e50 rgb(190,78,80)
```
#c84447
```
#c84447 rgb(200,68,71)
```
#d13b3f
```
#d13b3f rgb(209,59,63)
```
#da3236
```
#da3236 rgb(218,50,54)
```
#e4282d
```
#e4282d rgb(228,40,45)
```
#ed1f24
```
#ed1f24 rgb(237,31,36)
```
#f6161b
```
#f6161b rgb(246,22,27)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#7a5152 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8042 Protanopia 1% of men
#9f7916 Deuteranopia 1% of men
#ed2b29 Tritanopia 0.001% of the population

Trichromacy

#af5c37 Protanomaly 1% of men, 0.01% of women
#bb581b Deuteranomaly 6% of men, 0.4% of women
#ed2727 Tritanomaly 0.01% of the population

#ed1f24 hex color

#ed1f24 Color Information

#ed1f24 Color Conversion

Color Schemes with #ed1f24

Alternatives to #ed1f24

#ed1f24 Preview

Shades and Tints of #ed1f24

Tones of #ed1f24

Color Blindness Simulator