#ec5f74 hex color

In a RGB color space, hex #ec5f74 is composed of 92.5% red, 37.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.7% magenta, 50.8% yellow and 7.5% black. It has a hue angle of 351.1 degrees, a saturation of 78.8% and a lightness of 64.9%. #ec5f74 color hex could be obtained by blending #ffbee8 with #d90000. Closest websafe color is: #ff6666.

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

● #ec5f74 color description : Soft red.

The hexadecimal color #ec5f74 has RGB values of R:236, G:95, B:116 and CMYK values of C:0, M:0.6, Y:0.51, K:0.07. Its decimal value is 15490932.

Hex triplet	ec5f74	`#ec5f74`
RGB Decimal	236, 95, 116	`rgb(236,95,116)`
RGB Percent	92.5, 37.3, 45.5	`rgb(92.5%,37.3%,45.5%)`
CMYK	0, 60, 51, 7
HSL	351.1°, 78.8, 64.9	`hsl(351.1,78.8%,64.9%)`
HSV (or HSB)	351.1°, 59.7, 92.5
Web Safe	ff6666	`#ff6666`

CIE-LAB	59.235, 56.06, 16.818
XYZ	41.838, 27.282, 19.585
xyY	0.472, 0.308, 27.282
CIE-LCH	59.235, 58.528, 16.699
CIE-LUV	59.235, 100.424, 10.226
Hunter-Lab	52.232, 51.571, 14.332
Binary	11101100, 01011111, 01110100

#ec5f74
```
#ec5f74 rgb(236,95,116)
```
#5fecd7
```
#5fecd7 rgb(95,236,215)
```

Complementary Color

#ec5fbb
```
#ec5fbb rgb(236,95,187)
```
#ec5f74
```
#ec5f74 rgb(236,95,116)
```
#ec915f
```
#ec915f rgb(236,145,95)
```

Analogous Color

#5fbbec
```
#5fbbec rgb(95,187,236)
```
#ec5f74
```
#ec5f74 rgb(236,95,116)
```
#5fec91
```
#5fec91 rgb(95,236,145)
```

Split Complementary Color

#5f74ec
```
#5f74ec rgb(95,116,236)
```
#ec5f74
```
#ec5f74 rgb(236,95,116)
```
#74ec5f
```
#74ec5f rgb(116,236,95)
```

Triadic Color

#d75fec
```
#d75fec rgb(215,95,236)
```
#ec5f74
```
#ec5f74 rgb(236,95,116)
```
#74ec5f
```
#74ec5f rgb(116,236,95)
```
#5fecd7
```
#5fecd7 rgb(95,236,215)
```

Tetradic Color

#e31b39
```
#e31b39 rgb(227,27,57)
```
#e7314c
```
#e7314c rgb(231,49,76)
```
#e94860
```
#e94860 rgb(233,72,96)
```
#ec5f74
```
#ec5f74 rgb(236,95,116)
```
#ef7688
```
#ef7688 rgb(239,118,136)
```
#f18d9c
```
#f18d9c rgb(241,141,156)
```
#f4a3af
```
#f4a3af rgb(244,163,175)
```

Monochromatic Color

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

#ec5f97
```
#ec5f97 rgb(236,95,151)
```
#ec5f8c
```
#ec5f8c rgb(236,95,140)
```
#ec5f80
```
#ec5f80 rgb(236,95,128)
```
#ec5f74
```
#ec5f74 rgb(236,95,116)
```
#ec5f68
```
#ec5f68 rgb(236,95,104)
```
#ec625f
```
#ec625f rgb(236,98,95)
```
#ec6d5f
```
#ec6d5f rgb(236,109,95)
```

Similar Colors

Text with hexadecimal color #ec5f74

This text has a font color of #ec5f74.

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

#ec5f74 background color

This paragraph has a background color of #ec5f74.

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

#ec5f74 border color

This element has a border color of #ec5f74.

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

CSS codes

.text {color:#ec5f74;}

.background {background-color:#ec5f74;}

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

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

#0f0204
```
#0f0204 rgb(15,2,4)
```
#210408
```
#210408 rgb(33,4,8)
```
#32060d
```
#32060d rgb(50,6,13)
```
#440811
```
#440811 rgb(68,8,17)
```
#550a15
```
#550a15 rgb(85,10,21)
```
#670c1a
```
#670c1a rgb(103,12,26)
```
#790e1e
```
#790e1e rgb(121,14,30)
```
#8a1023
```
#8a1023 rgb(138,16,35)
```
#9c1227
```
#9c1227 rgb(156,18,39)
```
#ad152b
```
#ad152b rgb(173,21,43)
```
#bf1730
```
#bf1730 rgb(191,23,48)
```
#d01934
```
#d01934 rgb(208,25,52)
```
#e21b38
```
#e21b38 rgb(226,27,56)
```

Shade Color Variation

#e62a46
```
#e62a46 rgb(230,42,70)
```
#e83c56
```
#e83c56 rgb(232,60,86)
```
#ea4d65
```
#ea4d65 rgb(234,77,101)
```
#ec5f74
```
#ec5f74 rgb(236,95,116)
```
#ee7183
```
#ee7183 rgb(238,113,131)
```
#f08292
```
#f08292 rgb(240,130,146)
```
#f294a2
```
#f294a2 rgb(242,148,162)
```
#f4a5b1
```
#f4a5b1 rgb(244,165,177)
```
#f6b7c0
```
#f6b7c0 rgb(246,183,192)
```
#f8c8cf
```
#f8c8cf rgb(248,200,207)
```
#fbdadf
```
#fbdadf rgb(251,218,223)
```
#fdebee
```
#fdebee rgb(253,235,238)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#a7a4a4
```
#a7a4a4 rgb(167,164,164)
```
#ae9da0
```
#ae9da0 rgb(174,157,160)
```
#b5969b
```
#b5969b rgb(181,150,155)
```
#bc8f96
```
#bc8f96 rgb(188,143,150)
```
#c38891
```
#c38891 rgb(195,136,145)
```
#ca818c
```
#ca818c rgb(202,129,140)
```
#d07b87
```
#d07b87 rgb(208,123,135)
```
#d77483
```
#d77483 rgb(215,116,131)
```
#de6d7e
```
#de6d7e rgb(222,109,126)
```
#e56679
```
#e56679 rgb(229,102,121)
```
#ec5f74
```
#ec5f74 rgb(236,95,116)
```
#f3586f
```
#f3586f rgb(243,88,111)
```
#fa516a
```
#fa516a rgb(250,81,106)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#9f8387 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98938f Protanopia 1% of men
#ad8e72 Deuteranopia 1% of men
#ec696f Tritanopia 0.001% of the population

Trichromacy

#b68085 Protanomaly 1% of men, 0.01% of women
#c47d72 Deuteranomaly 6% of men, 0.4% of women
#ec6571 Tritanomaly 0.01% of the population

#ec5f74 hex color

#ec5f74 Color Information

#ec5f74 Color Conversion

Color Schemes with #ec5f74

Alternatives to #ec5f74

#ec5f74 Preview

Shades and Tints of #ec5f74

Tones of #ec5f74

Color Blindness Simulator