#ec2a42 hex color

In a RGB color space, hex #ec2a42 is composed of 92.5% red, 16.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.2% magenta, 72% yellow and 7.5% black. It has a hue angle of 352.6 degrees, a saturation of 83.6% and a lightness of 54.5%. #ec2a42 color hex could be obtained by blending #ff5484 with #d90000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 93
- G 16
- B 26
RGB color chart
- C 0
- M 82
- Y 72
- K 7
CMYK color chart

● #ec2a42 color description : Bright red.

The hexadecimal color #ec2a42 has RGB values of R:236, G:42, B:66 and CMYK values of C:0, M:0.82, Y:0.72, K:0.07. Its decimal value is 15477314.

Hex triplet	ec2a42	`#ec2a42`
RGB Decimal	236, 42, 66	`rgb(236,42,66)`
RGB Percent	92.5, 16.5, 25.9	`rgb(92.5%,16.5%,25.9%)`
CMYK	0, 82, 72, 7
HSL	352.6°, 83.6, 54.5	`hsl(352.6,83.6%,54.5%)`
HSV (or HSB)	352.6°, 82.2, 92.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	51.709, 71.267, 36.332
XYZ	36.405, 19.887, 7.076
xyY	0.575, 0.314, 19.887
CIE-LCH	51.709, 79.994, 27.012
CIE-LUV	51.709, 142.029, 23.2
Hunter-Lab	44.594, 67.68, 21.809
Binary	11101100, 00101010, 01000010

#ec2a42
```
#ec2a42 rgb(236,42,66)
```
#2aecd4
```
#2aecd4 rgb(42,236,212)
```

Complementary Color

#ec2aa3
```
#ec2aa3 rgb(236,42,163)
```
#ec2a42
```
#ec2a42 rgb(236,42,66)
```
#ec732a
```
#ec732a rgb(236,115,42)
```

Analogous Color

#2aa3ec
```
#2aa3ec rgb(42,163,236)
```
#ec2a42
```
#ec2a42 rgb(236,42,66)
```
#2aec73
```
#2aec73 rgb(42,236,115)
```

Split Complementary Color

#2a42ec
```
#2a42ec rgb(42,66,236)
```
#ec2a42
```
#ec2a42 rgb(236,42,66)
```
#42ec2a
```
#42ec2a rgb(66,236,42)
```

Triadic Color

#d42aec
```
#d42aec rgb(212,42,236)
```
#ec2a42
```
#ec2a42 rgb(236,42,66)
```
#42ec2a
```
#42ec2a rgb(66,236,42)
```
#2aecd4
```
#2aecd4 rgb(42,236,212)
```

Tetradic Color

#b91125
```
#b91125 rgb(185,17,37)
```
#d0132a
```
#d0132a rgb(208,19,42)
```
#e8152f
```
#e8152f rgb(232,21,47)
```
#ec2a42
```
#ec2a42 rgb(236,42,66)
```
#ee4157
```
#ee4157 rgb(238,65,87)
```
#f0596c
```
#f0596c rgb(240,89,108)
```
#f27080
```
#f27080 rgb(242,112,128)
```

Monochromatic Color

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

#ec2a73
```
#ec2a73 rgb(236,42,115)
```
#ec2a62
```
#ec2a62 rgb(236,42,98)
```
#ec2a52
```
#ec2a52 rgb(236,42,82)
```
#ec2a42
```
#ec2a42 rgb(236,42,66)
```
#ec2a32
```
#ec2a32 rgb(236,42,50)
```
#ec322a
```
#ec322a rgb(236,50,42)
```
#ec432a
```
#ec432a rgb(236,67,42)
```

Similar Colors

Text with hexadecimal color #ec2a42

This text has a font color of #ec2a42.

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

#ec2a42 background color

This paragraph has a background color of #ec2a42.

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

#ec2a42 border color

This element has a border color of #ec2a42.

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

CSS codes

.text {color:#ec2a42;}

.background {background-color:#ec2a42;}

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

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, #030001 is the darkest color, while #fef0f2 is the lightest one.

#030001
```
#030001 rgb(3,0,1)
```
#150204
```
#150204 rgb(21,2,4)
```
#270308
```
#270308 rgb(39,3,8)
```
#39050c
```
#39050c rgb(57,5,12)
```
#4b070f
```
#4b070f rgb(75,7,15)
```
#5d0813
```
#5d0813 rgb(93,8,19)
```
#6f0a16
```
#6f0a16 rgb(111,10,22)
```
#810c1a
```
#810c1a rgb(129,12,26)
```
#930d1e
```
#930d1e rgb(147,13,30)
```
#a50f21
```
#a50f21 rgb(165,15,33)
```
#b71025
```
#b71025 rgb(183,16,37)
```
#c91229
```
#c91229 rgb(201,18,41)
```
#db142c
```
#db142c rgb(219,20,44)
```

Shade Color Variation

#ea1832
```
#ea1832 rgb(234,24,50)
```
#ec2a42
```
#ec2a42 rgb(236,42,66)
```
#ee3c52
```
#ee3c52 rgb(238,60,82)
```
#ef4e62
```
#ef4e62 rgb(239,78,98)
```
#f16072
```
#f16072 rgb(241,96,114)
```
#f27282
```
#f27282 rgb(242,114,130)
```
#f48492
```
#f48492 rgb(244,132,146)
```
#f696a2
```
#f696a2 rgb(246,150,162)
```
#f7a8b2
```
#f7a8b2 rgb(247,168,178)
```
#f9bac2
```
#f9bac2 rgb(249,186,194)
```
#faccd2
```
#faccd2 rgb(250,204,210)
```
#fcdee2
```
#fcdee2 rgb(252,222,226)
```
#fef0f2
```
#fef0f2 rgb(254,240,242)
```

Tint Color Variation

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

#938385
```
#938385 rgb(147,131,133)
```
#9c7a7e
```
#9c7a7e rgb(156,122,126)
```
#a57178
```
#a57178 rgb(165,113,120)
```
#ae6871
```
#ae6871 rgb(174,104,113)
```
#b6606a
```
#b6606a rgb(182,96,106)
```
#bf5764
```
#bf5764 rgb(191,87,100)
```
#c84e5d
```
#c84e5d rgb(200,78,93)
```
#d14556
```
#d14556 rgb(209,69,86)
```
#da3c4f
```
#da3c4f rgb(218,60,79)
```
#e33349
```
#e33349 rgb(227,51,73)
```
#ec2a42
```
#ec2a42 rgb(236,42,66)
```
#f5213b
```
#f5213b rgb(245,33,59)
```
#fe1835
```
#fe1835 rgb(254,24,53)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#825b60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8163 Protanopia 1% of men
#9f7c3e Deuteranopia 1% of men
#ec3839 Tritanopia 0.001% of the population

Trichromacy

#ae6157 Protanomaly 1% of men, 0.01% of women
#bb5e3f Deuteranomaly 6% of men, 0.4% of women
#ec333c Tritanomaly 0.01% of the population

#ec2a42 hex color

#ec2a42 Color Information

#ec2a42 Color Conversion

Color Schemes with #ec2a42

Alternatives to #ec2a42

#ec2a42 Preview

Shades and Tints of #ec2a42

Tones of #ec2a42

Color Blindness Simulator