colorhexa.com

#ec2a59 hex color

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

- R 93
- G 16
- B 35
RGB color chart
- C 0
- M 82
- Y 62
- K 7
CMYK color chart

● #ec2a59 color description : Bright red.

The hexadecimal color #ec2a59 has RGB values of R:236, G:42, B:89 and CMYK values of C:0, M:0.82, Y:0.62, K:0.07. Its decimal value is 15477337.

Hex triplet	ec2a59	`#ec2a59`
RGB Decimal	236, 42, 89	`rgb(236,42,89)`
RGB Percent	92.5, 16.5, 34.9	`rgb(92.5%,16.5%,34.9%)`
CMYK	0, 82, 62, 7
HSL	345.5°, 83.6, 54.5	`hsl(345.5,83.6%,54.5%)`
HSV (or HSB)	345.5°, 82.2, 92.5
Web Safe	ff3366	`#ff3366`

CIE-LAB	52.079, 72.377, 23.135
XYZ	37.225, 20.215, 11.392
xyY	0.541, 0.294, 20.215
CIE-LCH	52.079, 75.984, 17.726
CIE-LUV	52.079, 135.153, 11.716
Hunter-Lab	44.961, 69.107, 16.449
Binary	11101100, 00101010, 01011001

#ec2a59
```
#ec2a59 rgb(236,42,89)
```
#2aecbd
```
#2aecbd rgb(42,236,189)
```

Complementary Color

#ec2aba
```
#ec2aba rgb(236,42,186)
```
#ec2a59
```
#ec2a59 rgb(236,42,89)
```
#ec5c2a
```
#ec5c2a rgb(236,92,42)
```

Analogous Color

#2abaec
```
#2abaec rgb(42,186,236)
```
#ec2a59
```
#ec2a59 rgb(236,42,89)
```
#2aec5c
```
#2aec5c rgb(42,236,92)
```

Split Complementary Color

#2a59ec
```
#2a59ec rgb(42,89,236)
```
#ec2a59
```
#ec2a59 rgb(236,42,89)
```
#59ec2a
```
#59ec2a rgb(89,236,42)
```

Triadic Color

#bd2aec
```
#bd2aec rgb(189,42,236)
```
#ec2a59
```
#ec2a59 rgb(236,42,89)
```
#59ec2a
```
#59ec2a rgb(89,236,42)
```
#2aecbd
```
#2aecbd rgb(42,236,189)
```

Tetradic Color

#b91139
```
#b91139 rgb(185,17,57)
```
#d01341
```
#d01341 rgb(208,19,65)
```
#e81548
```
#e81548 rgb(232,21,72)
```
#ec2a59
```
#ec2a59 rgb(236,42,89)
```
#ee416b
```
#ee416b rgb(238,65,107)
```
#f0597d
```
#f0597d rgb(240,89,125)
```
#f27090
```
#f27090 rgb(242,112,144)
```

Monochromatic Color

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

#ec2a8a
```
#ec2a8a rgb(236,42,138)
```
#ec2a79
```
#ec2a79 rgb(236,42,121)
```
#ec2a69
```
#ec2a69 rgb(236,42,105)
```
#ec2a59
```
#ec2a59 rgb(236,42,89)
```
#ec2a49
```
#ec2a49 rgb(236,42,73)
```
#ec2a39
```
#ec2a39 rgb(236,42,57)
```
#ec2c2a
```
#ec2c2a rgb(236,44,42)
```

Similar Colors

Text with hexadecimal color #ec2a59

This text has a font color of #ec2a59.

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

#ec2a59 background color

This paragraph has a background color of #ec2a59.

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

#ec2a59 border color

This element has a border color of #ec2a59.

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

CSS codes

.text {color:#ec2a59;}

.background {background-color:#ec2a59;}

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

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)
```
#150207
```
#150207 rgb(21,2,7)
```
#27030c
```
#27030c rgb(39,3,12)
```
#390512
```
#390512 rgb(57,5,18)
```
#4b0717
```
#4b0717 rgb(75,7,23)
```
#5d081d
```
#5d081d rgb(93,8,29)
```
#6f0a22
```
#6f0a22 rgb(111,10,34)
```
#810c28
```
#810c28 rgb(129,12,40)
```
#930d2e
```
#930d2e rgb(147,13,46)
```
#a50f33
```
#a50f33 rgb(165,15,51)
```
#b71039
```
#b71039 rgb(183,16,57)
```
#c9123e
```
#c9123e rgb(201,18,62)
```
#db1444
```
#db1444 rgb(219,20,68)
```

Shade Color Variation

#ea184b
```
#ea184b rgb(234,24,75)
```
#ec2a59
```
#ec2a59 rgb(236,42,89)
```
#ee3c67
```
#ee3c67 rgb(238,60,103)
```
#ef4e75
```
#ef4e75 rgb(239,78,117)
```
#f16083
```
#f16083 rgb(241,96,131)
```
#f27291
```
#f27291 rgb(242,114,145)
```
#f4849f
```
#f4849f rgb(244,132,159)
```
#f696ad
```
#f696ad rgb(246,150,173)
```
#f7a8bb
```
#f7a8bb rgb(247,168,187)
```
#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 #fe1850 is the most saturated one.

#938387
```
#938387 rgb(147,131,135)
```
#9c7a82
```
#9c7a82 rgb(156,122,130)
```
#a5717e
```
#a5717e rgb(165,113,126)
```
#ae6879
```
#ae6879 rgb(174,104,121)
```
#b66075
```
#b66075 rgb(182,96,117)
```
#bf5770
```
#bf5770 rgb(191,87,112)
```
#c84e6b
```
#c84e6b rgb(200,78,107)
```
#d14567
```
#d14567 rgb(209,69,103)
```
#da3c62
```
#da3c62 rgb(218,60,98)
```
#e3335e
```
#e3335e rgb(227,51,94)
```
#ec2a59
```
#ec2a59 rgb(236,42,89)
```
#f52154
```
#f52154 rgb(245,33,84)
```
#fe1850
```
#fe1850 rgb(254,24,80)
```

Tone Color Variation

Below, you can see how #ec2a59 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
#835c66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86827e Protanopia 1% of men
#9c7d55 Deuteranopia 1% of men
#eb3d3e Tritanopia 0.001% of the population

Trichromacy

#ab6270 Protanomaly 1% of men, 0.01% of women
#b95f56 Deuteranomaly 6% of men, 0.4% of women
#eb3648 Tritanomaly 0.01% of the population