#ec1f49 hex color

In a RGB color space, hex #ec1f49 is composed of 92.5% red, 12.2% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.9% magenta, 69.1% yellow and 7.5% black. It has a hue angle of 347.7 degrees, a saturation of 84.4% and a lightness of 52.4%. #ec1f49 color hex could be obtained by blending #ff3e92 with #d90000. Closest websafe color is: #ff3333.

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

● #ec1f49 color description : Vivid red.

The hexadecimal color #ec1f49 has RGB values of R:236, G:31, B:73 and CMYK values of C:0, M:0.87, Y:0.69, K:0.07. Its decimal value is 15474505.

Hex triplet	ec1f49	`#ec1f49`
RGB Decimal	236, 31, 73	`rgb(236,31,73)`
RGB Percent	92.5, 12.2, 28.6	`rgb(92.5%,12.2%,28.6%)`
CMYK	0, 87, 69, 7
HSL	347.7°, 84.4, 52.4	`hsl(347.7,84.4%,52.4%)`
HSV (or HSB)	347.7°, 86.9, 92.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	51.035, 73.778, 31.402
XYZ	36.286, 19.298, 8.117
xyY	0.57, 0.303, 19.298
CIE-LCH	51.035, 80.183, 23.056
CIE-LUV	51.035, 143.787, 18.408
Hunter-Lab	43.93, 70.565, 19.795
Binary	11101100, 00011111, 01001001

#ec1f49
```
#ec1f49 rgb(236,31,73)
```
#1fecc2
```
#1fecc2 rgb(31,236,194)
```

Complementary Color

#ec1fb0
```
#ec1fb0 rgb(236,31,176)
```
#ec1f49
```
#ec1f49 rgb(236,31,73)
```
#ec5c1f
```
#ec5c1f rgb(236,92,31)
```

Analogous Color

#1fb0ec
```
#1fb0ec rgb(31,176,236)
```
#ec1f49
```
#ec1f49 rgb(236,31,73)
```
#1fec5c
```
#1fec5c rgb(31,236,92)
```

Split Complementary Color

#1f49ec
```
#1f49ec rgb(31,73,236)
```
#ec1f49
```
#ec1f49 rgb(236,31,73)
```
#49ec1f
```
#49ec1f rgb(73,236,31)
```

Triadic Color

#c21fec
```
#c21fec rgb(194,31,236)
```
#ec1f49
```
#ec1f49 rgb(236,31,73)
```
#49ec1f
```
#49ec1f rgb(73,236,31)
```
#1fecc2
```
#1fecc2 rgb(31,236,194)
```

Tetradic Color

#b00f30
```
#b00f30 rgb(176,15,48)
```
#c71136
```
#c71136 rgb(199,17,54)
```
#df133d
```
#df133d rgb(223,19,61)
```
#ec1f49
```
#ec1f49 rgb(236,31,73)
```
#ee375c
```
#ee375c rgb(238,55,92)
```
#f04e6f
```
#f04e6f rgb(240,78,111)
```
#f26682
```
#f26682 rgb(242,102,130)
```

Monochromatic Color

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

#ec1f7c
```
#ec1f7c rgb(236,31,124)
```
#ec1f6b
```
#ec1f6b rgb(236,31,107)
```
#ec1f5a
```
#ec1f5a rgb(236,31,90)
```
#ec1f49
```
#ec1f49 rgb(236,31,73)
```
#ec1f38
```
#ec1f38 rgb(236,31,56)
```
#ec1f27
```
#ec1f27 rgb(236,31,39)
```
#ec281f
```
#ec281f rgb(236,40,31)
```

Similar Colors

Text with hexadecimal color #ec1f49

This text has a font color of #ec1f49.

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

#ec1f49 background color

This paragraph has a background color of #ec1f49.

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

#ec1f49 border color

This element has a border color of #ec1f49.

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

CSS codes

.text {color:#ec1f49;}

.background {background-color:#ec1f49;}

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

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 #fef8f9 is the lightest one.

#0b0103
```
#0b0103 rgb(11,1,3)
```
#1d0208
```
#1d0208 rgb(29,2,8)
```
#2f040d
```
#2f040d rgb(47,4,13)
```
#410612
```
#410612 rgb(65,6,18)
```
#530717
```
#530717 rgb(83,7,23)
```
#65091c
```
#65091c rgb(101,9,28)
```
#780a21
```
#780a21 rgb(120,10,33)
```
#8a0c25
```
#8a0c25 rgb(138,12,37)
```
#9c0d2a
```
#9c0d2a rgb(156,13,42)
```
#ae0f2f
```
#ae0f2f rgb(174,15,47)
```
#c01034
```
#c01034 rgb(192,16,52)
```
#d21239
```
#d21239 rgb(210,18,57)
```
#e4133e
```
#e4133e rgb(228,19,62)
```

Shade Color Variation

#ec1f49
```
#ec1f49 rgb(236,31,73)
```
#ee3158
```
#ee3158 rgb(238,49,88)
```
#ef4366
```
#ef4366 rgb(239,67,102)
```
#f15575
```
#f15575 rgb(241,85,117)
```
#f26784
```
#f26784 rgb(242,103,132)
```
#f47992
```
#f47992 rgb(244,121,146)
```
#f58ba1
```
#f58ba1 rgb(245,139,161)
```
#f79eb0
```
#f79eb0 rgb(247,158,176)
```
#f8b0bf
```
#f8b0bf rgb(248,176,191)
```
#fac2cd
```
#fac2cd rgb(250,194,205)
```
#fbd4dc
```
#fbd4dc rgb(251,212,220)
```
#fde6eb
```
#fde6eb rgb(253,230,235)
```
#fef8f9
```
#fef8f9 rgb(254,248,249)
```

Tint Color Variation

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

#8f7c80
```
#8f7c80 rgb(143,124,128)
```
#98737b
```
#98737b rgb(152,115,123)
```
#a16a75
```
#a16a75 rgb(161,106,117)
```
#ab6070
```
#ab6070 rgb(171,96,112)
```
#b4576a
```
#b4576a rgb(180,87,106)
```
#bd4e65
```
#bd4e65 rgb(189,78,101)
```
#c7445f
```
#c7445f rgb(199,68,95)
```
#d03b5a
```
#d03b5a rgb(208,59,90)
```
#d93254
```
#d93254 rgb(217,50,84)
```
#e3284f
```
#e3284f rgb(227,40,79)
```
#ec1f49
```
#ec1f49 rgb(236,31,73)
```
#f51643
```
#f51643 rgb(245,22,67)
```
#ff0c3e
```
#ff0c3e rgb(255,12,62)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7d545c Atypical Achromatopsia 0.001% of the population

Dichromacy

#87806d Protanopia 1% of men
#9c7a45 Deuteranopia 1% of men
#ec3232 Tritanopia 0.001% of the population

Trichromacy

#ab5c60 Protanomaly 1% of men, 0.01% of women
#b95946 Deuteranomaly 6% of men, 0.4% of women
#ec2b3a Tritanomaly 0.01% of the population

#ec1f49 hex color

#ec1f49 Color Information

#ec1f49 Color Conversion

Color Schemes with #ec1f49

Alternatives to #ec1f49

#ec1f49 Preview

Shades and Tints of #ec1f49

Tones of #ec1f49

Color Blindness Simulator