#ec5f84 hex color

In a RGB color space, hex #ec5f84 is composed of 92.5% red, 37.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.7% magenta, 44.1% yellow and 7.5% black. It has a hue angle of 344.3 degrees, a saturation of 78.8% and a lightness of 64.9%. #ec5f84 color hex could be obtained by blending #ffbeff with #d90009. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 93
- G 37
- B 52
RGB color chart
- C 0
- M 60
- Y 44
- K 7
CMYK color chart

● #ec5f84 color description : Soft pink.

The hexadecimal color #ec5f84 has RGB values of R:236, G:95, B:132 and CMYK values of C:0, M:0.6, Y:0.44, K:0.07. Its decimal value is 15490948.

Hex triplet	ec5f84	`#ec5f84`
RGB Decimal	236, 95, 132	`rgb(236,95,132)`
RGB Percent	92.5, 37.3, 51.8	`rgb(92.5%,37.3%,51.8%)`
CMYK	0, 60, 44, 7
HSL	344.3°, 78.8, 64.9	`hsl(344.3,78.8%,64.9%)`
HSV (or HSB)	344.3°, 59.7, 92.5
Web Safe	ff6699	`#ff6699`

CIE-LAB	59.605, 57.507, 8.022
XYZ	42.85, 27.687, 24.916
xyY	0.449, 0.29, 27.687
CIE-LCH	59.605, 58.063, 7.942
CIE-LUV	59.605, 95.924, -0.574
Hunter-Lab	52.619, 53.28, 8.758
Binary	11101100, 01011111, 10000100

#ec5f84
```
#ec5f84 rgb(236,95,132)
```
#5fecc7
```
#5fecc7 rgb(95,236,199)
```

Complementary Color

#ec5fcb
```
#ec5fcb rgb(236,95,203)
```
#ec5f84
```
#ec5f84 rgb(236,95,132)
```
#ec815f
```
#ec815f rgb(236,129,95)
```

Analogous Color

#5fcbec
```
#5fcbec rgb(95,203,236)
```
#ec5f84
```
#ec5f84 rgb(236,95,132)
```
#5fec81
```
#5fec81 rgb(95,236,129)
```

Split Complementary Color

#5f84ec
```
#5f84ec rgb(95,132,236)
```
#ec5f84
```
#ec5f84 rgb(236,95,132)
```
#84ec5f
```
#84ec5f rgb(132,236,95)
```

Triadic Color

#c75fec
```
#c75fec rgb(199,95,236)
```
#ec5f84
```
#ec5f84 rgb(236,95,132)
```
#84ec5f
```
#84ec5f rgb(132,236,95)
```
#5fecc7
```
#5fecc7 rgb(95,236,199)
```

Tetradic Color

#e31b50
```
#e31b50 rgb(227,27,80)
```
#e73161
```
#e73161 rgb(231,49,97)
```
#e94872
```
#e94872 rgb(233,72,114)
```
#ec5f84
```
#ec5f84 rgb(236,95,132)
```
#ef7696
```
#ef7696 rgb(239,118,150)
```
#f18da7
```
#f18da7 rgb(241,141,167)
```
#f4a3b9
```
#f4a3b9 rgb(244,163,185)
```

Monochromatic Color

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

#ec5fa7
```
#ec5fa7 rgb(236,95,167)
```
#ec5f9c
```
#ec5f9c rgb(236,95,156)
```
#ec5f90
```
#ec5f90 rgb(236,95,144)
```
#ec5f84
```
#ec5f84 rgb(236,95,132)
```
#ec5f78
```
#ec5f78 rgb(236,95,120)
```
#ec5f6d
```
#ec5f6d rgb(236,95,109)
```
#ec5f61
```
#ec5f61 rgb(236,95,97)
```

Similar Colors

Text with hexadecimal color #ec5f84

This text has a font color of #ec5f84.

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

#ec5f84 background color

This paragraph has a background color of #ec5f84.

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

#ec5f84 border color

This element has a border color of #ec5f84.

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

CSS codes

.text {color:#ec5f84;}

.background {background-color:#ec5f84;}

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

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

#0f0205
```
#0f0205 rgb(15,2,5)
```
#21040c
```
#21040c rgb(33,4,12)
```
#320612
```
#320612 rgb(50,6,18)
```
#440818
```
#440818 rgb(68,8,24)
```
#550a1e
```
#550a1e rgb(85,10,30)
```
#670c24
```
#670c24 rgb(103,12,36)
```
#790e2a
```
#790e2a rgb(121,14,42)
```
#8a1030
```
#8a1030 rgb(138,16,48)
```
#9c1236
```
#9c1236 rgb(156,18,54)
```
#ad153d
```
#ad153d rgb(173,21,61)
```
#bf1743
```
#bf1743 rgb(191,23,67)
```
#d01949
```
#d01949 rgb(208,25,73)
```
#e21b4f
```
#e21b4f rgb(226,27,79)
```

Shade Color Variation

#e62a5c
```
#e62a5c rgb(230,42,92)
```
#e83c69
```
#e83c69 rgb(232,60,105)
```
#ea4d77
```
#ea4d77 rgb(234,77,119)
```
#ec5f84
```
#ec5f84 rgb(236,95,132)
```
#ee7191
```
#ee7191 rgb(238,113,145)
```
#f0829f
```
#f0829f rgb(240,130,159)
```
#f294ac
```
#f294ac rgb(242,148,172)
```
#f4a5ba
```
#f4a5ba rgb(244,165,186)
```
#f6b7c7
```
#f6b7c7 rgb(246,183,199)
```
#f8c8d5
```
#f8c8d5 rgb(248,200,213)
```
#fbdae2
```
#fbdae2 rgb(251,218,226)
```
#fdebf0
```
#fdebf0 rgb(253,235,240)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#a7a4a5
```
#a7a4a5 rgb(167,164,165)
```
#ae9da1
```
#ae9da1 rgb(174,157,161)
```
#b5969e
```
#b5969e rgb(181,150,158)
```
#bc8f9b
```
#bc8f9b rgb(188,143,155)
```
#c38898
```
#c38898 rgb(195,136,152)
```
#ca8194
```
#ca8194 rgb(202,129,148)
```
#d07b91
```
#d07b91 rgb(208,123,145)
```
#d7748e
```
#d7748e rgb(215,116,142)
```
#de6d8b
```
#de6d8b rgb(222,109,139)
```
#e56687
```
#e56687 rgb(229,102,135)
```
#ec5f84
```
#ec5f84 rgb(236,95,132)
```
#f35881
```
#f35881 rgb(243,88,129)
```
#fa517d
```
#fa517d rgb(250,81,125)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#a0848b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9494a0 Protanopia 1% of men
#aa9081 Deuteranopia 1% of men
#eb6c72 Tritanopia 0.001% of the population

Trichromacy

#b48096 Protanomaly 1% of men, 0.01% of women
#c27e82 Deuteranomaly 6% of men, 0.4% of women
#eb6778 Tritanomaly 0.01% of the population

#ec5f84 hex color

#ec5f84 Color Information

#ec5f84 Color Conversion

Color Schemes with #ec5f84

Alternatives to #ec5f84

#ec5f84 Preview

Shades and Tints of #ec5f84

Tones of #ec5f84

Color Blindness Simulator