#ec2a57 hex color

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

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

● #ec2a57 color description : Bright red.

The hexadecimal color #ec2a57 has RGB values of R:236, G:42, B:87 and CMYK values of C:0, M:0.82, Y:0.63, K:0.07. Its decimal value is 15477335.

Hex triplet	ec2a57	`#ec2a57`
RGB Decimal	236, 42, 87	`rgb(236,42,87)`
RGB Percent	92.5, 16.5, 34.1	`rgb(92.5%,16.5%,34.1%)`
CMYK	0, 82, 63, 7
HSL	346.1°, 83.6, 54.5	`hsl(346.1,83.6%,54.5%)`
HSV (or HSB)	346.1°, 82.2, 92.5
Web Safe	ff3366	`#ff3366`

CIE-LAB	52.042, 72.266, 24.289
XYZ	37.142, 20.181, 10.956
xyY	0.544, 0.296, 20.181
CIE-LCH	52.042, 76.239, 18.578
CIE-LUV	52.042, 135.818, 12.831
Hunter-Lab	44.924, 68.964, 16.987
Binary	11101100, 00101010, 01010111

#ec2a57
```
#ec2a57 rgb(236,42,87)
```
#2aecbf
```
#2aecbf rgb(42,236,191)
```

Complementary Color

#ec2ab8
```
#ec2ab8 rgb(236,42,184)
```
#ec2a57
```
#ec2a57 rgb(236,42,87)
```
#ec5e2a
```
#ec5e2a rgb(236,94,42)
```

Analogous Color

#2ab8ec
```
#2ab8ec rgb(42,184,236)
```
#ec2a57
```
#ec2a57 rgb(236,42,87)
```
#2aec5e
```
#2aec5e rgb(42,236,94)
```

Split Complementary Color

#2a57ec
```
#2a57ec rgb(42,87,236)
```
#ec2a57
```
#ec2a57 rgb(236,42,87)
```
#57ec2a
```
#57ec2a rgb(87,236,42)
```

Triadic Color

#bf2aec
```
#bf2aec rgb(191,42,236)
```
#ec2a57
```
#ec2a57 rgb(236,42,87)
```
#57ec2a
```
#57ec2a rgb(87,236,42)
```
#2aecbf
```
#2aecbf rgb(42,236,191)
```

Tetradic Color

#b91138
```
#b91138 rgb(185,17,56)
```
#d0133f
```
#d0133f rgb(208,19,63)
```
#e81546
```
#e81546 rgb(232,21,70)
```
#ec2a57
```
#ec2a57 rgb(236,42,87)
```
#ee4169
```
#ee4169 rgb(238,65,105)
```
#f0597c
```
#f0597c rgb(240,89,124)
```
#f2708e
```
#f2708e rgb(242,112,142)
```

Monochromatic Color

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

#ec2a88
```
#ec2a88 rgb(236,42,136)
```
#ec2a77
```
#ec2a77 rgb(236,42,119)
```
#ec2a67
```
#ec2a67 rgb(236,42,103)
```
#ec2a57
```
#ec2a57 rgb(236,42,87)
```
#ec2a47
```
#ec2a47 rgb(236,42,71)
```
#ec2a37
```
#ec2a37 rgb(236,42,55)
```
#ec2e2a
```
#ec2e2a rgb(236,46,42)
```

Similar Colors

Text with hexadecimal color #ec2a57

This text has a font color of #ec2a57.

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

#ec2a57 background color

This paragraph has a background color of #ec2a57.

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

#ec2a57 border color

This element has a border color of #ec2a57.

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

CSS codes

.text {color:#ec2a57;}

.background {background-color:#ec2a57;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#150206
```
#150206 rgb(21,2,6)
```
#27030c
```
#27030c rgb(39,3,12)
```
#390511
```
#390511 rgb(57,5,17)
```
#4b0717
```
#4b0717 rgb(75,7,23)
```
#5d081c
```
#5d081c rgb(93,8,28)
```
#6f0a21
```
#6f0a21 rgb(111,10,33)
```
#810c27
```
#810c27 rgb(129,12,39)
```
#930d2c
```
#930d2c rgb(147,13,44)
```
#a50f32
```
#a50f32 rgb(165,15,50)
```
#b71037
```
#b71037 rgb(183,16,55)
```
#c9123c
```
#c9123c rgb(201,18,60)
```
#db1442
```
#db1442 rgb(219,20,66)
```

Shade Color Variation

#ea1849
```
#ea1849 rgb(234,24,73)
```
#ec2a57
```
#ec2a57 rgb(236,42,87)
```
#ee3c65
```
#ee3c65 rgb(238,60,101)
```
#ef4e73
```
#ef4e73 rgb(239,78,115)
```
#f16082
```
#f16082 rgb(241,96,130)
```
#f27290
```
#f27290 rgb(242,114,144)
```
#f4849e
```
#f4849e rgb(244,132,158)
```
#f696ac
```
#f696ac rgb(246,150,172)
```
#f7a8ba
```
#f7a8ba rgb(247,168,186)
```
#f9bac9
```
#f9bac9 rgb(249,186,201)
```
#faccd7
```
#faccd7 rgb(250,204,215)
```
#fcdee5
```
#fcdee5 rgb(252,222,229)
```
#fef0f3
```
#fef0f3 rgb(254,240,243)
```

Tint Color Variation

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

#938387
```
#938387 rgb(147,131,135)
```
#9c7a82
```
#9c7a82 rgb(156,122,130)
```
#a5717d
```
#a5717d rgb(165,113,125)
```
#ae6878
```
#ae6878 rgb(174,104,120)
```
#b66074
```
#b66074 rgb(182,96,116)
```
#bf576f
```
#bf576f rgb(191,87,111)
```
#c84e6a
```
#c84e6a rgb(200,78,106)
```
#d14565
```
#d14565 rgb(209,69,101)
```
#da3c61
```
#da3c61 rgb(218,60,97)
```
#e3335c
```
#e3335c rgb(227,51,92)
```
#ec2a57
```
#ec2a57 rgb(236,42,87)
```
#f52152
```
#f52152 rgb(245,33,82)
```
#fe184d
```
#fe184d rgb(254,24,77)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#835c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86827c Protanopia 1% of men
#9d7d53 Deuteranopia 1% of men
#eb3d3e Tritanopia 0.001% of the population

Trichromacy

#ab626e Protanomaly 1% of men, 0.01% of women
#b95f54 Deuteranomaly 6% of men, 0.4% of women
#eb3647 Tritanomaly 0.01% of the population

#ec2a57 hex color

#ec2a57 Color Information

#ec2a57 Color Conversion

Color Schemes with #ec2a57

Alternatives to #ec2a57

#ec2a57 Preview

Shades and Tints of #ec2a57

Tones of #ec2a57

Color Blindness Simulator