#ec1f50 hex color

In a RGB color space, hex #ec1f50 is composed of 92.5% red, 12.2% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.9% magenta, 66.1% yellow and 7.5% black. It has a hue angle of 345.7 degrees, a saturation of 84.4% and a lightness of 52.4%. #ec1f50 color hex could be obtained by blending #ff3ea0 with #d90000. 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

● #ec1f50 color description : Vivid red.

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

Hex triplet	ec1f50	`#ec1f50`
RGB Decimal	236, 31, 80	`rgb(236,31,80)`
RGB Percent	92.5, 12.2, 31.4	`rgb(92.5%,12.2%,31.4%)`
CMYK	0, 87, 66, 7
HSL	345.7°, 84.4, 52.4	`hsl(345.7,84.4%,52.4%)`
HSV (or HSB)	345.7°, 86.9, 92.5
Web Safe	ff3366	`#ff3366`

CIE-LAB	51.148, 74.105, 27.35
XYZ	36.532, 19.397, 9.409
xyY	0.559, 0.297, 19.397
CIE-LCH	51.148, 78.991, 20.257
CIE-LUV	51.148, 141.606, 14.913
Hunter-Lab	44.042, 70.99, 18.162
Binary	11101100, 00011111, 01010000

#ec1f50
```
#ec1f50 rgb(236,31,80)
```
#1fecbb
```
#1fecbb rgb(31,236,187)
```

Complementary Color

#ec1fb7
```
#ec1fb7 rgb(236,31,183)
```
#ec1f50
```
#ec1f50 rgb(236,31,80)
```
#ec551f
```
#ec551f rgb(236,85,31)
```

Analogous Color

#1fb7ec
```
#1fb7ec rgb(31,183,236)
```
#ec1f50
```
#ec1f50 rgb(236,31,80)
```
#1fec55
```
#1fec55 rgb(31,236,85)
```

Split Complementary Color

#1f50ec
```
#1f50ec rgb(31,80,236)
```
#ec1f50
```
#ec1f50 rgb(236,31,80)
```
#50ec1f
```
#50ec1f rgb(80,236,31)
```

Triadic Color

#bb1fec
```
#bb1fec rgb(187,31,236)
```
#ec1f50
```
#ec1f50 rgb(236,31,80)
```
#50ec1f
```
#50ec1f rgb(80,236,31)
```
#1fecbb
```
#1fecbb rgb(31,236,187)
```

Tetradic Color

#b00f35
```
#b00f35 rgb(176,15,53)
```
#c7113c
```
#c7113c rgb(199,17,60)
```
#df1344
```
#df1344 rgb(223,19,68)
```
#ec1f50
```
#ec1f50 rgb(236,31,80)
```
#ee3762
```
#ee3762 rgb(238,55,98)
```
#f04e75
```
#f04e75 rgb(240,78,117)
```
#f26687
```
#f26687 rgb(242,102,135)
```

Monochromatic Color

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

#ec1f83
```
#ec1f83 rgb(236,31,131)
```
#ec1f72
```
#ec1f72 rgb(236,31,114)
```
#ec1f61
```
#ec1f61 rgb(236,31,97)
```
#ec1f50
```
#ec1f50 rgb(236,31,80)
```
#ec1f3f
```
#ec1f3f rgb(236,31,63)
```
#ec1f2e
```
#ec1f2e rgb(236,31,46)
```
#ec211f
```
#ec211f rgb(236,33,31)
```

Similar Colors

Text with hexadecimal color #ec1f50

This text has a font color of #ec1f50.

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

#ec1f50 background color

This paragraph has a background color of #ec1f50.

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

#ec1f50 border color

This element has a border color of #ec1f50.

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

CSS codes

.text {color:#ec1f50;}

.background {background-color:#ec1f50;}

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

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

#0b0103
```
#0b0103 rgb(11,1,3)
```
#1d0209
```
#1d0209 rgb(29,2,9)
```
#2f040e
```
#2f040e rgb(47,4,14)
```
#410614
```
#410614 rgb(65,6,20)
```
#530719
```
#530719 rgb(83,7,25)
```
#65091f
```
#65091f rgb(101,9,31)
```
#780a24
```
#780a24 rgb(120,10,36)
```
#8a0c2a
```
#8a0c2a rgb(138,12,42)
```
#9c0d2f
```
#9c0d2f rgb(156,13,47)
```
#ae0f35
```
#ae0f35 rgb(174,15,53)
```
#c0103a
```
#c0103a rgb(192,16,58)
```
#d21240
```
#d21240 rgb(210,18,64)
```
#e41345
```
#e41345 rgb(228,19,69)
```

Shade Color Variation

#ec1f50
```
#ec1f50 rgb(236,31,80)
```
#ee315e
```
#ee315e rgb(238,49,94)
```
#ef436c
```
#ef436c rgb(239,67,108)
```
#f1557a
```
#f1557a rgb(241,85,122)
```
#f26789
```
#f26789 rgb(242,103,137)
```
#f47997
```
#f47997 rgb(244,121,151)
```
#f58ba5
```
#f58ba5 rgb(245,139,165)
```
#f79eb3
```
#f79eb3 rgb(247,158,179)
```
#f8b0c1
```
#f8b0c1 rgb(248,176,193)
```
#fac2cf
```
#fac2cf rgb(250,194,207)
```
#fbd4dd
```
#fbd4dd rgb(251,212,221)
```
#fde6eb
```
#fde6eb rgb(253,230,235)
```
#fef8fa
```
#fef8fa rgb(254,248,250)
```

Tint Color Variation

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

#8f7c81
```
#8f7c81 rgb(143,124,129)
```
#98737c
```
#98737c rgb(152,115,124)
```
#a16a77
```
#a16a77 rgb(161,106,119)
```
#ab6072
```
#ab6072 rgb(171,96,114)
```
#b4576d
```
#b4576d rgb(180,87,109)
```
#bd4e68
```
#bd4e68 rgb(189,78,104)
```
#c74464
```
#c74464 rgb(199,68,100)
```
#d03b5f
```
#d03b5f rgb(208,59,95)
```
#d9325a
```
#d9325a rgb(217,50,90)
```
#e32855
```
#e32855 rgb(227,40,85)
```
#ec1f50
```
#ec1f50 rgb(236,31,80)
```
#f5164b
```
#f5164b rgb(245,22,75)
```
#ff0c46
```
#ff0c46 rgb(255,12,70)
```

Tone Color Variation

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

#858076 Protanopia 1% of men
#9b7b4c Deuteranopia 1% of men
#eb3434 Tritanopia 0.001% of the population

Trichromacy

#aa5c68 Protanomaly 1% of men, 0.01% of women
#b8594d Deuteranomaly 6% of men, 0.4% of women
#eb2c3e Tritanomaly 0.01% of the population

#ec1f50 hex color

#ec1f50 Color Information

#ec1f50 Color Conversion

Color Schemes with #ec1f50

Alternatives to #ec1f50

#ec1f50 Preview

Shades and Tints of #ec1f50

Tones of #ec1f50

Color Blindness Simulator