#ed1f50 hex color

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

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

● #ed1f50 color description : Vivid red.

The hexadecimal color #ed1f50 has RGB values of R:237, G:31, B:80 and CMYK values of C:0, M:0.87, Y:0.66, K:0.07. Its decimal value is 15540048.

Hex triplet	ed1f50	`#ed1f50`
RGB Decimal	237, 31, 80	`rgb(237,31,80)`
RGB Percent	92.9, 12.2, 31.4	`rgb(92.9%,12.2%,31.4%)`
CMYK	0, 87, 66, 7
HSL	345.7°, 85.1, 52.5	`hsl(345.7,85.1%,52.5%)`
HSV (or HSB)	345.7°, 86.9, 92.9
Web Safe	ff3366	`#ff3366`

CIE-LAB	51.346, 74.355, 27.641
XYZ	36.865, 19.568, 9.425
xyY	0.56, 0.297, 19.568
CIE-LCH	51.346, 79.326, 20.393
CIE-LUV	51.346, 142.372, 15.147
Hunter-Lab	44.236, 71.342, 18.333
Binary	11101101, 00011111, 01010000

#ed1f50
```
#ed1f50 rgb(237,31,80)
```
#1fedbc
```
#1fedbc rgb(31,237,188)
```

Complementary Color

#ed1fb7
```
#ed1fb7 rgb(237,31,183)
```
#ed1f50
```
#ed1f50 rgb(237,31,80)
```
#ed551f
```
#ed551f rgb(237,85,31)
```

Analogous Color

#1fb7ed
```
#1fb7ed rgb(31,183,237)
```
#ed1f50
```
#ed1f50 rgb(237,31,80)
```
#1fed55
```
#1fed55 rgb(31,237,85)
```

Split Complementary Color

#1f50ed
```
#1f50ed rgb(31,80,237)
```
#ed1f50
```
#ed1f50 rgb(237,31,80)
```
#50ed1f
```
#50ed1f rgb(80,237,31)
```

Triadic Color

#bc1fed
```
#bc1fed rgb(188,31,237)
```
#ed1f50
```
#ed1f50 rgb(237,31,80)
```
#50ed1f
```
#50ed1f rgb(80,237,31)
```
#1fedbc
```
#1fedbc rgb(31,237,188)
```

Tetradic Color

#b10e35
```
#b10e35 rgb(177,14,53)
```
#c9103c
```
#c9103c rgb(201,16,60)
```
#e01243
```
#e01243 rgb(224,18,67)
```
#ed1f50
```
#ed1f50 rgb(237,31,80)
```
#ef3762
```
#ef3762 rgb(239,55,98)
```
#f14e75
```
#f14e75 rgb(241,78,117)
```
#f36687
```
#f36687 rgb(243,102,135)
```

Monochromatic Color

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

#ed1f84
```
#ed1f84 rgb(237,31,132)
```
#ed1f72
```
#ed1f72 rgb(237,31,114)
```
#ed1f61
```
#ed1f61 rgb(237,31,97)
```
#ed1f50
```
#ed1f50 rgb(237,31,80)
```
#ed1f3f
```
#ed1f3f rgb(237,31,63)
```
#ed1f2e
```
#ed1f2e rgb(237,31,46)
```
#ed221f
```
#ed221f rgb(237,34,31)
```

Similar Colors

Text with hexadecimal color #ed1f50

This text has a font color of #ed1f50.

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

#ed1f50 background color

This paragraph has a background color of #ed1f50.

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

#ed1f50 border color

This element has a border color of #ed1f50.

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

CSS codes

.text {color:#ed1f50;}

.background {background-color:#ed1f50;}

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

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

#0c0104
```
#0c0104 rgb(12,1,4)
```
#1e0209
```
#1e0209 rgb(30,2,9)
```
#30040e
```
#30040e rgb(48,4,14)
```
#430514
```
#430514 rgb(67,5,20)
```
#550719
```
#550719 rgb(85,7,25)
```
#67081f
```
#67081f rgb(103,8,31)
```
#790a24
```
#790a24 rgb(121,10,36)
```
#8b0b2a
```
#8b0b2a rgb(139,11,42)
```
#9d0d2f
```
#9d0d2f rgb(157,13,47)
```
#af0e34
```
#af0e34 rgb(175,14,52)
```
#c2103a
```
#c2103a rgb(194,16,58)
```
#d4113f
```
#d4113f rgb(212,17,63)
```
#e61245
```
#e61245 rgb(230,18,69)
```

Shade Color Variation

#ed1f50
```
#ed1f50 rgb(237,31,80)
```
#ee315e
```
#ee315e rgb(238,49,94)
```
#f0436c
```
#f0436c rgb(240,67,108)
```
#f1557b
```
#f1557b rgb(241,85,123)
```
#f36889
```
#f36889 rgb(243,104,137)
```
#f47a97
```
#f47a97 rgb(244,122,151)
```
#f68ca5
```
#f68ca5 rgb(246,140,165)
```
#f79eb3
```
#f79eb3 rgb(247,158,179)
```
#f9b0c1
```
#f9b0c1 rgb(249,176,193)
```
#fac2d0
```
#fac2d0 rgb(250,194,208)
```
#fcd5de
```
#fcd5de rgb(252,213,222)
```
#fde7ec
```
#fde7ec rgb(253,231,236)
```
#fff9fa
```
#fff9fa rgb(255,249,250)
```

Tint Color Variation

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

#878586
```
#878586 rgb(135,133,134)
```
#907c81
```
#907c81 rgb(144,124,129)
```
#99737c
```
#99737c rgb(153,115,124)
```
#a36977
```
#a36977 rgb(163,105,119)
```
#ac6072
```
#ac6072 rgb(172,96,114)
```
#b5576d
```
#b5576d rgb(181,87,109)
```
#be4e68
```
#be4e68 rgb(190,78,104)
```
#c84464
```
#c84464 rgb(200,68,100)
```
#d13b5f
```
#d13b5f rgb(209,59,95)
```
#da325a
```
#da325a rgb(218,50,90)
```
#e42855
```
#e42855 rgb(228,40,85)
```
#ed1f50
```
#ed1f50 rgb(237,31,80)
```
#f6164b
```
#f6164b rgb(246,22,75)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#7e555e Atypical Achromatopsia 0.001% of the population

Dichromacy

#868076 Protanopia 1% of men
#9c7b4c Deuteranopia 1% of men
#ec3434 Tritanopia 0.001% of the population

Trichromacy

#ab5d68 Protanomaly 1% of men, 0.01% of women
#b9594d Deuteranomaly 6% of men, 0.4% of women
#ec2c3e Tritanomaly 0.01% of the population

#ed1f50 hex color

#ed1f50 Color Information

#ed1f50 Color Conversion

Color Schemes with #ed1f50

Alternatives to #ed1f50

#ed1f50 Preview

Shades and Tints of #ed1f50

Tones of #ed1f50

Color Blindness Simulator