#ec2a45 hex color

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

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

● #ec2a45 color description : Bright red.

The hexadecimal color #ec2a45 has RGB values of R:236, G:42, B:69 and CMYK values of C:0, M:0.82, Y:0.71, K:0.07. Its decimal value is 15477317.

Hex triplet	ec2a45	`#ec2a45`
RGB Decimal	236, 42, 69	`rgb(236,42,69)`
RGB Percent	92.5, 16.5, 27.1	`rgb(92.5%,16.5%,27.1%)`
CMYK	0, 82, 71, 7
HSL	351.6°, 83.6, 54.5	`hsl(351.6,83.6%,54.5%)`
HSV (or HSB)	351.6°, 82.2, 92.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	51.75, 71.391, 34.631
XYZ	36.496, 19.923, 7.554
xyY	0.57, 0.311, 19.923
CIE-LCH	51.75, 79.347, 25.877
CIE-LUV	51.75, 141.233, 21.876
Hunter-Lab	44.635, 67.839, 21.211
Binary	11101100, 00101010, 01000101

#ec2a45
```
#ec2a45 rgb(236,42,69)
```
#2aecd1
```
#2aecd1 rgb(42,236,209)
```

Complementary Color

#ec2aa6
```
#ec2aa6 rgb(236,42,166)
```
#ec2a45
```
#ec2a45 rgb(236,42,69)
```
#ec702a
```
#ec702a rgb(236,112,42)
```

Analogous Color

#2aa6ec
```
#2aa6ec rgb(42,166,236)
```
#ec2a45
```
#ec2a45 rgb(236,42,69)
```
#2aec70
```
#2aec70 rgb(42,236,112)
```

Split Complementary Color

#2a45ec
```
#2a45ec rgb(42,69,236)
```
#ec2a45
```
#ec2a45 rgb(236,42,69)
```
#45ec2a
```
#45ec2a rgb(69,236,42)
```

Triadic Color

#d12aec
```
#d12aec rgb(209,42,236)
```
#ec2a45
```
#ec2a45 rgb(236,42,69)
```
#45ec2a
```
#45ec2a rgb(69,236,42)
```
#2aecd1
```
#2aecd1 rgb(42,236,209)
```

Tetradic Color

#b91128
```
#b91128 rgb(185,17,40)
```
#d0132d
```
#d0132d rgb(208,19,45)
```
#e81532
```
#e81532 rgb(232,21,50)
```
#ec2a45
```
#ec2a45 rgb(236,42,69)
```
#ee4159
```
#ee4159 rgb(238,65,89)
```
#f0596e
```
#f0596e rgb(240,89,110)
```
#f27082
```
#f27082 rgb(242,112,130)
```

Monochromatic Color

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

#ec2a76
```
#ec2a76 rgb(236,42,118)
```
#ec2a65
```
#ec2a65 rgb(236,42,101)
```
#ec2a55
```
#ec2a55 rgb(236,42,85)
```
#ec2a45
```
#ec2a45 rgb(236,42,69)
```
#ec2a35
```
#ec2a35 rgb(236,42,53)
```
#ec2f2a
```
#ec2f2a rgb(236,47,42)
```
#ec3f2a
```
#ec3f2a rgb(236,63,42)
```

Similar Colors

Text with hexadecimal color #ec2a45

This text has a font color of #ec2a45.

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

#ec2a45 background color

This paragraph has a background color of #ec2a45.

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

#ec2a45 border color

This element has a border color of #ec2a45.

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

CSS codes

.text {color:#ec2a45;}

.background {background-color:#ec2a45;}

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

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)
```
#150205
```
#150205 rgb(21,2,5)
```
#270308
```
#270308 rgb(39,3,8)
```
#39050c
```
#39050c rgb(57,5,12)
```
#4b0710
```
#4b0710 rgb(75,7,16)
```
#5d0814
```
#5d0814 rgb(93,8,20)
```
#6f0a18
```
#6f0a18 rgb(111,10,24)
```
#810c1c
```
#810c1c rgb(129,12,28)
```
#930d20
```
#930d20 rgb(147,13,32)
```
#a50f24
```
#a50f24 rgb(165,15,36)
```
#b71028
```
#b71028 rgb(183,16,40)
```
#c9122b
```
#c9122b rgb(201,18,43)
```
#db142f
```
#db142f rgb(219,20,47)
```

Shade Color Variation

#ea1835
```
#ea1835 rgb(234,24,53)
```
#ec2a45
```
#ec2a45 rgb(236,42,69)
```
#ee3c55
```
#ee3c55 rgb(238,60,85)
```
#ef4e64
```
#ef4e64 rgb(239,78,100)
```
#f16074
```
#f16074 rgb(241,96,116)
```
#f27284
```
#f27284 rgb(242,114,132)
```
#f48494
```
#f48494 rgb(244,132,148)
```
#f696a3
```
#f696a3 rgb(246,150,163)
```
#f7a8b3
```
#f7a8b3 rgb(247,168,179)
```
#f9bac3
```
#f9bac3 rgb(249,186,195)
```
#faccd3
```
#faccd3 rgb(250,204,211)
```
#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 #fe1838 is the most saturated one.

#938385
```
#938385 rgb(147,131,133)
```
#9c7a7f
```
#9c7a7f rgb(156,122,127)
```
#a57179
```
#a57179 rgb(165,113,121)
```
#ae6872
```
#ae6872 rgb(174,104,114)
```
#b6606c
```
#b6606c rgb(182,96,108)
```
#bf5765
```
#bf5765 rgb(191,87,101)
```
#c84e5f
```
#c84e5f rgb(200,78,95)
```
#d14558
```
#d14558 rgb(209,69,88)
```
#da3c52
```
#da3c52 rgb(218,60,82)
```
#e3334b
```
#e3334b rgb(227,51,75)
```
#ec2a45
```
#ec2a45 rgb(236,42,69)
```
#f5213f
```
#f5213f rgb(245,33,63)
```
#fe1838
```
#fe1838 rgb(254,24,56)
```

Tone Color Variation

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

#8a8167 Protanopia 1% of men
#9f7c41 Deuteranopia 1% of men
#ec393a Tritanopia 0.001% of the population

Trichromacy

#ad615a Protanomaly 1% of men, 0.01% of women
#bb5e42 Deuteranomaly 6% of men, 0.4% of women
#ec333e Tritanomaly 0.01% of the population

#ec2a45 hex color

#ec2a45 Color Information

#ec2a45 Color Conversion

Color Schemes with #ec2a45

Alternatives to #ec2a45

#ec2a45 Preview

Shades and Tints of #ec2a45

Tones of #ec2a45

Color Blindness Simulator