#ec3a96 hex color

In a RGB color space, hex #ec3a96 is composed of 92.5% red, 22.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.4% magenta, 36.4% yellow and 7.5% black. It has a hue angle of 329 degrees, a saturation of 82.4% and a lightness of 57.6%. #ec3a96 color hex could be obtained by blending #ff74ff with #d9002d. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 93
- G 23
- B 59
RGB color chart
- C 0
- M 75
- Y 36
- K 7
CMYK color chart

● #ec3a96 color description : Bright pink.

The hexadecimal color #ec3a96 has RGB values of R:236, G:58, B:150 and CMYK values of C:0, M:0.75, Y:0.36, K:0.07. Its decimal value is 15481494.

Hex triplet	ec3a96	`#ec3a96`
RGB Decimal	236, 58, 150	`rgb(236,58,150)`
RGB Percent	92.5, 22.7, 58.8	`rgb(92.5%,22.7%,58.8%)`
CMYK	0, 75, 36, 7
HSL	329°, 82.4, 57.6	`hsl(329,82.4%,57.6%)`
HSV (or HSB)	329°, 75.4, 92.5
Web Safe	ff3399	`#ff3399`

CIE-LAB	55.139, 73.024, -9.078
XYZ	41.611, 23.065, 31.113
xyY	0.434, 0.241, 23.065
CIE-LCH	55.139, 73.586, 352.913
CIE-LUV	55.139, 106.267, -26.307
Hunter-Lab	48.026, 70.611, -4.792
Binary	11101100, 00111010, 10010110

#ec3a96
```
#ec3a96 rgb(236,58,150)
```
#3aec90
```
#3aec90 rgb(58,236,144)
```

Complementary Color

#e93aec
```
#e93aec rgb(233,58,236)
```
#ec3a96
```
#ec3a96 rgb(236,58,150)
```
#ec3a3d
```
#ec3a3d rgb(236,58,61)
```

Analogous Color

#3aece9
```
#3aece9 rgb(58,236,233)
```
#ec3a96
```
#ec3a96 rgb(236,58,150)
```
#3dec3a
```
#3dec3a rgb(61,236,58)
```

Split Complementary Color

#3a96ec
```
#3a96ec rgb(58,150,236)
```
#ec3a96
```
#ec3a96 rgb(236,58,150)
```
#96ec3a
```
#96ec3a rgb(150,236,58)
```

Triadic Color

#903aec
```
#903aec rgb(144,58,236)
```
#ec3a96
```
#ec3a96 rgb(236,58,150)
```
#96ec3a
```
#96ec3a rgb(150,236,58)
```
#3aec90
```
#3aec90 rgb(58,236,144)
```

Tetradic Color

#c61370
```
#c61370 rgb(198,19,112)
```
#de157d
```
#de157d rgb(222,21,125)
```
#ea238a
```
#ea238a rgb(234,35,138)
```
#ec3a96
```
#ec3a96 rgb(236,58,150)
```
#ee51a2
```
#ee51a2 rgb(238,81,162)
```
#f069af
```
#f069af rgb(240,105,175)
```
#f380bb
```
#f380bb rgb(243,128,187)
```

Monochromatic Color

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

#ec3ac3
```
#ec3ac3 rgb(236,58,195)
```
#ec3ab4
```
#ec3ab4 rgb(236,58,180)
```
#ec3aa5
```
#ec3aa5 rgb(236,58,165)
```
#ec3a96
```
#ec3a96 rgb(236,58,150)
```
#ec3a87
```
#ec3a87 rgb(236,58,135)
```
#ec3a78
```
#ec3a78 rgb(236,58,120)
```
#ec3a6a
```
#ec3a6a rgb(236,58,106)
```

Similar Colors

Text with hexadecimal color #ec3a96

This text has a font color of #ec3a96.

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

#ec3a96 background color

This paragraph has a background color of #ec3a96.

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

#ec3a96 border color

This element has a border color of #ec3a96.

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

CSS codes

.text {color:#ec3a96;}

.background {background-color:#ec3a96;}

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

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, #12020a is the darkest color, while #ffffff is the lightest one.

#12020a
```
#12020a rgb(18,2,10)
```
#240314
```
#240314 rgb(36,3,20)
```
#35051e
```
#35051e rgb(53,5,30)
```
#470728
```
#470728 rgb(71,7,40)
```
#590932
```
#590932 rgb(89,9,50)
```
#6b0a3c
```
#6b0a3c rgb(107,10,60)
```
#7d0c46
```
#7d0c46 rgb(125,12,70)
```
#8f0e51
```
#8f0e51 rgb(143,14,81)
```
#a1105b
```
#a1105b rgb(161,16,91)
```
#b31165
```
#b31165 rgb(179,17,101)
```
#c5136f
```
#c5136f rgb(197,19,111)
```
#d61579
```
#d61579 rgb(214,21,121)
```
#e81683
```
#e81683 rgb(232,22,131)
```

Shade Color Variation

#ea288c
```
#ea288c rgb(234,40,140)
```
#ec3a96
```
#ec3a96 rgb(236,58,150)
```
#ee4ca0
```
#ee4ca0 rgb(238,76,160)
```
#ef5ea9
```
#ef5ea9 rgb(239,94,169)
```
#f170b3
```
#f170b3 rgb(241,112,179)
```
#f382bc
```
#f382bc rgb(243,130,188)
```
#f593c6
```
#f593c6 rgb(245,147,198)
```
#f6a5cf
```
#f6a5cf rgb(246,165,207)
```
#f8b7d9
```
#f8b7d9 rgb(248,183,217)
```
#fac9e2
```
#fac9e2 rgb(250,201,226)
```
#fcdbec
```
#fcdbec rgb(252,219,236)
```
#fdedf5
```
#fdedf5 rgb(253,237,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#998d93
```
#998d93 rgb(153,141,147)
```
#a18593
```
#a18593 rgb(161,133,147)
```
#aa7c94
```
#aa7c94 rgb(170,124,148)
```
#b27494
```
#b27494 rgb(178,116,148)
```
#ba6c94
```
#ba6c94 rgb(186,108,148)
```
#c26495
```
#c26495 rgb(194,100,149)
```
#cb5b95
```
#cb5b95 rgb(203,91,149)
```
#d35395
```
#d35395 rgb(211,83,149)
```
#db4b95
```
#db4b95 rgb(219,75,149)
```
#e44296
```
#e44296 rgb(228,66,150)
```
#ec3a96
```
#ec3a96 rgb(236,58,150)
```
#f43296
```
#f43296 rgb(244,50,150)
```
#fd2997
```
#fd2997 rgb(253,41,151)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#916d80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7688c1 Protanopia 1% of men
#95868e Deuteranopia 1% of men
#e8575b Tritanopia 0.001% of the population

Trichromacy

#a16bb1 Protanomaly 1% of men, 0.01% of women
#b46a91 Deuteranomaly 6% of men, 0.4% of women
#e94c70 Tritanomaly 0.01% of the population

#ec3a96 hex color

#ec3a96 Color Information

#ec3a96 Color Conversion

Color Schemes with #ec3a96

Alternatives to #ec3a96

#ec3a96 Preview

Shades and Tints of #ec3a96

Tones of #ec3a96

Color Blindness Simulator