#ec557d hex color

In a RGB color space, hex #ec557d is composed of 92.5% red, 33.3% green and 49% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64% magenta, 47% yellow and 7.5% black. It has a hue angle of 344.1 degrees, a saturation of 79.9% and a lightness of 62.9%. #ec557d color hex could be obtained by blending #ffaafa with #d90000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 93
- G 33
- B 49
RGB color chart
- C 0
- M 64
- Y 47
- K 7
CMYK color chart

● #ec557d color description : Soft pink.

The hexadecimal color #ec557d has RGB values of R:236, G:85, B:125 and CMYK values of C:0, M:0.64, Y:0.47, K:0.07. Its decimal value is 15488381.

Hex triplet	ec557d	`#ec557d`
RGB Decimal	236, 85, 125	`rgb(236,85,125)`
RGB Percent	92.5, 33.3, 49	`rgb(92.5%,33.3%,49%)`
CMYK	0, 64, 47, 7
HSL	344.1°, 79.9, 62.9	`hsl(344.1,79.9%,62.9%)`
HSV (or HSB)	344.1°, 64, 92.5
Web Safe	ff6666	`#ff6666`

CIE-LAB	57.861, 61.088, 9.639
XYZ	41.543, 25.815, 22.196
xyY	0.464, 0.288, 25.815
CIE-LCH	57.861, 61.844, 8.967
CIE-LUV	57.861, 103.521, 0.518
Hunter-Lab	50.808, 57.037, 9.664
Binary	11101100, 01010101, 01111101

#ec557d
```
#ec557d rgb(236,85,125)
```
#55ecc4
```
#55ecc4 rgb(85,236,196)
```

Complementary Color

#ec55c9
```
#ec55c9 rgb(236,85,201)
```
#ec557d
```
#ec557d rgb(236,85,125)
```
#ec7955
```
#ec7955 rgb(236,121,85)
```

Analogous Color

#55c9ec
```
#55c9ec rgb(85,201,236)
```
#ec557d
```
#ec557d rgb(236,85,125)
```
#55ec79
```
#55ec79 rgb(85,236,121)
```

Split Complementary Color

#557dec
```
#557dec rgb(85,125,236)
```
#ec557d
```
#ec557d rgb(236,85,125)
```
#7dec55
```
#7dec55 rgb(125,236,85)
```

Triadic Color

#c455ec
```
#c455ec rgb(196,85,236)
```
#ec557d
```
#ec557d rgb(236,85,125)
```
#7dec55
```
#7dec55 rgb(125,236,85)
```
#55ecc4
```
#55ecc4 rgb(85,236,196)
```

Tetradic Color

#dc194c
```
#dc194c rgb(220,25,76)
```
#e7275a
```
#e7275a rgb(231,39,90)
```
#e93e6b
```
#e93e6b rgb(233,62,107)
```
#ec557d
```
#ec557d rgb(236,85,125)
```
#ef6c8f
```
#ef6c8f rgb(239,108,143)
```
#f183a0
```
#f183a0 rgb(241,131,160)
```
#f49ab2
```
#f49ab2 rgb(244,154,178)
```

Monochromatic Color

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

#ec55a3
```
#ec55a3 rgb(236,85,163)
```
#ec5596
```
#ec5596 rgb(236,85,150)
```
#ec558a
```
#ec558a rgb(236,85,138)
```
#ec557d
```
#ec557d rgb(236,85,125)
```
#ec5570
```
#ec5570 rgb(236,85,112)
```
#ec5564
```
#ec5564 rgb(236,85,100)
```
#ec5557
```
#ec5557 rgb(236,85,87)
```

Similar Colors

Text with hexadecimal color #ec557d

This text has a font color of #ec557d.

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

#ec557d background color

This paragraph has a background color of #ec557d.

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

#ec557d border color

This element has a border color of #ec557d.

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

CSS codes

.text {color:#ec557d;}

.background {background-color:#ec557d;}

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

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, #060102 is the darkest color, while #fef4f6 is the lightest one.

#060102
```
#060102 rgb(6,1,2)
```
#180308
```
#180308 rgb(24,3,8)
```
#2a050e
```
#2a050e rgb(42,5,14)
```
#3b0715
```
#3b0715 rgb(59,7,21)
```
#4d091b
```
#4d091b rgb(77,9,27)
```
#5f0b21
```
#5f0b21 rgb(95,11,33)
```
#700d27
```
#700d27 rgb(112,13,39)
```
#820f2d
```
#820f2d rgb(130,15,45)
```
#941033
```
#941033 rgb(148,16,51)
```
#a51239
```
#a51239 rgb(165,18,57)
```
#b7143f
```
#b7143f rgb(183,20,63)
```
#c91646
```
#c91646 rgb(201,22,70)
```
#da184c
```
#da184c rgb(218,24,76)
```

Shade Color Variation

#e62055
```
#e62055 rgb(230,32,85)
```
#e83262
```
#e83262 rgb(232,50,98)
```
#ea4370
```
#ea4370 rgb(234,67,112)
```
#ec557d
```
#ec557d rgb(236,85,125)
```
#ee678a
```
#ee678a rgb(238,103,138)
```
#f07898
```
#f07898 rgb(240,120,152)
```
#f28aa5
```
#f28aa5 rgb(242,138,165)
```
#f49cb3
```
#f49cb3 rgb(244,156,179)
```
#f6adc0
```
#f6adc0 rgb(246,173,192)
```
#f8bfce
```
#f8bfce rgb(248,191,206)
```
#fad1db
```
#fad1db rgb(250,209,219)
```
#fce2e9
```
#fce2e9 rgb(252,226,233)
```
#fef4f6
```
#fef4f6 rgb(254,244,246)
```

Tint Color Variation

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

#a39e9f
```
#a39e9f rgb(163,158,159)
```
#ab969c
```
#ab969c rgb(171,150,156)
```
#b28f98
```
#b28f98 rgb(178,143,152)
```
#b98895
```
#b98895 rgb(185,136,149)
```
#c08192
```
#c08192 rgb(192,129,146)
```
#c8798e
```
#c8798e rgb(200,121,142)
```
#cf728b
```
#cf728b rgb(207,114,139)
```
#d66b87
```
#d66b87 rgb(214,107,135)
```
#dd6484
```
#dd6484 rgb(221,100,132)
```
#e55c80
```
#e55c80 rgb(229,92,128)
```
#ec557d
```
#ec557d rgb(236,85,125)
```
#f34e7a
```
#f34e7a rgb(243,78,122)
```
#fb4676
```
#fb4676 rgb(251,70,118)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#9b7d85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90909c Protanopia 1% of men
#a68b79 Deuteranopia 1% of men
#eb6369 Tritanopia 0.001% of the population

Trichromacy

#b17a90 Protanomaly 1% of men, 0.01% of women
#bf777a Deuteranomaly 6% of men, 0.4% of women
#eb5e70 Tritanomaly 0.01% of the population

#ec557d hex color

#ec557d Color Information

#ec557d Color Conversion

Color Schemes with #ec557d

Alternatives to #ec557d

#ec557d Preview

Shades and Tints of #ec557d

Tones of #ec557d

Color Blindness Simulator