#ec4a96 hex color

In a RGB color space, hex #ec4a96 is composed of 92.5% red, 29% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 36.4% yellow and 7.5% black. It has a hue angle of 331.9 degrees, a saturation of 81% and a lightness of 60.8%. #ec4a96 color hex could be obtained by blending #ff94ff with #d9002d. Closest websafe color is: #ff3399.

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

● #ec4a96 color description : Soft pink.

The hexadecimal color #ec4a96 has RGB values of R:236, G:74, B:150 and CMYK values of C:0, M:0.69, Y:0.36, K:0.07. Its decimal value is 15485590.

Hex triplet	ec4a96	`#ec4a96`
RGB Decimal	236, 74, 150	`rgb(236,74,150)`
RGB Percent	92.5, 29, 58.8	`rgb(92.5%,29%,58.8%)`
CMYK	0, 69, 36, 7
HSL	331.9°, 81, 60.8	`hsl(331.9,81%,60.8%)`
HSV (or HSB)	331.9°, 68.6, 92.5
Web Safe	ff3399	`#ff3399`

CIE-LAB	57.013, 67.77, -6.286
XYZ	42.547, 24.936, 31.425
xyY	0.43, 0.252, 24.936
CIE-LCH	57.013, 68.061, 354.701
CIE-LUV	57.013, 100.275, -21.516
Hunter-Lab	49.936, 64.696, -2.356
Binary	11101100, 01001010, 10010110

#ec4a96
```
#ec4a96 rgb(236,74,150)
```
#4aeca0
```
#4aeca0 rgb(74,236,160)
```

Complementary Color

#ec4ae7
```
#ec4ae7 rgb(236,74,231)
```
#ec4a96
```
#ec4a96 rgb(236,74,150)
```
#ec4f4a
```
#ec4f4a rgb(236,79,74)
```

Analogous Color

#4ae7ec
```
#4ae7ec rgb(74,231,236)
```
#ec4a96
```
#ec4a96 rgb(236,74,150)
```
#4aec4f
```
#4aec4f rgb(74,236,79)
```

Split Complementary Color

#4a96ec
```
#4a96ec rgb(74,150,236)
```
#ec4a96
```
#ec4a96 rgb(236,74,150)
```
#96ec4a
```
#96ec4a rgb(150,236,74)
```

Triadic Color

#a04aec
```
#a04aec rgb(160,74,236)
```
#ec4a96
```
#ec4a96 rgb(236,74,150)
```
#96ec4a
```
#96ec4a rgb(150,236,74)
```
#4aeca0
```
#4aeca0 rgb(74,236,160)
```

Tetradic Color

#d3166f
```
#d3166f rgb(211,22,111)
```
#e71c7b
```
#e71c7b rgb(231,28,123)
```
#ea3389
```
#ea3389 rgb(234,51,137)
```
#ec4a96
```
#ec4a96 rgb(236,74,150)
```
#ee61a3
```
#ee61a3 rgb(238,97,163)
```
#f178b1
```
#f178b1 rgb(241,120,177)
```
#f38fbe
```
#f38fbe rgb(243,143,190)
```

Monochromatic Color

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

#ec4abf
```
#ec4abf rgb(236,74,191)
```
#ec4ab1
```
#ec4ab1 rgb(236,74,177)
```
#ec4aa4
```
#ec4aa4 rgb(236,74,164)
```
#ec4a96
```
#ec4a96 rgb(236,74,150)
```
#ec4a89
```
#ec4a89 rgb(236,74,137)
```
#ec4a7b
```
#ec4a7b rgb(236,74,123)
```
#ec4a6e
```
#ec4a6e rgb(236,74,110)
```

Similar Colors

Text with hexadecimal color #ec4a96

This text has a font color of #ec4a96.

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

#ec4a96 background color

This paragraph has a background color of #ec4a96.

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

#ec4a96 border color

This element has a border color of #ec4a96.

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

CSS codes

.text {color:#ec4a96;}

.background {background-color:#ec4a96;}

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

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, #0e0107 is the darkest color, while #fffcfd is the lightest one.

#0e0107
```
#0e0107 rgb(14,1,7)
```
#200311
```
#200311 rgb(32,3,17)
```
#32051a
```
#32051a rgb(50,5,26)
```
#440723
```
#440723 rgb(68,7,35)
```
#55092d
```
#55092d rgb(85,9,45)
```
#670b36
```
#670b36 rgb(103,11,54)
```
#790d3f
```
#790d3f rgb(121,13,63)
```
#8b0f49
```
#8b0f49 rgb(139,15,73)
```
#9c1052
```
#9c1052 rgb(156,16,82)
```
#ae125b
```
#ae125b rgb(174,18,91)
```
#c01465
```
#c01465 rgb(192,20,101)
```
#d2166e
```
#d2166e rgb(210,22,110)
```
#e31877
```
#e31877 rgb(227,24,119)
```

Shade Color Variation

#e82681
```
#e82681 rgb(232,38,129)
```
#ea388c
```
#ea388c rgb(234,56,140)
```
#ec4a96
```
#ec4a96 rgb(236,74,150)
```
#ee5ca0
```
#ee5ca0 rgb(238,92,160)
```
#f06eab
```
#f06eab rgb(240,110,171)
```
#f27fb5
```
#f27fb5 rgb(242,127,181)
```
#f391bf
```
#f391bf rgb(243,145,191)
```
#f5a3c9
```
#f5a3c9 rgb(245,163,201)
```
#f7b5d4
```
#f7b5d4 rgb(247,181,212)
```
#f9c6de
```
#f9c6de rgb(249,198,222)
```
#fbd8e8
```
#fbd8e8 rgb(251,216,232)
```
#fdeaf3
```
#fdeaf3 rgb(253,234,243)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#9f979b
```
#9f979b rgb(159,151,155)
```
#a78f9a
```
#a78f9a rgb(167,143,154)
```
#ae889a
```
#ae889a rgb(174,136,154)
```
#b68099
```
#b68099 rgb(182,128,153)
```
#be7899
```
#be7899 rgb(190,120,153)
```
#c67098
```
#c67098 rgb(198,112,152)
```
#cd6998
```
#cd6998 rgb(205,105,152)
```
#d56197
```
#d56197 rgb(213,97,151)
```
#dd5997
```
#dd5997 rgb(221,89,151)
```
#e45296
```
#e45296 rgb(228,82,150)
```
#ec4a96
```
#ec4a96 rgb(236,74,150)
```
#f44296
```
#f44296 rgb(244,66,150)
```
#fb3b95
```
#fb3b95 rgb(251,59,149)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#987887 Atypical Achromatopsia 0.001% of the population

Dichromacy

#808dbb Protanopia 1% of men
#9b8a8f Deuteranopia 1% of men
#e86066 Tritanopia 0.001% of the population

Trichromacy

#a774ae Protanomaly 1% of men, 0.01% of women
#b87391 Deuteranomaly 6% of men, 0.4% of women
#ea5877 Tritanomaly 0.01% of the population

#ec4a96 hex color

#ec4a96 Color Information

#ec4a96 Color Conversion

Color Schemes with #ec4a96

Alternatives to #ec4a96

#ec4a96 Preview

Shades and Tints of #ec4a96

Tones of #ec4a96

Color Blindness Simulator