#ed558a hex color

In a RGB color space, hex #ed558a is composed of 92.9% red, 33.3% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.1% magenta, 41.8% yellow and 7.1% black. It has a hue angle of 339.1 degrees, a saturation of 80.9% and a lightness of 63.1%. #ed558a color hex could be obtained by blending #ffaaff with #db0015. Closest websafe color is: #ff6699.

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

● #ed558a color description : Soft pink.

The hexadecimal color #ed558a has RGB values of R:237, G:85, B:138 and CMYK values of C:0, M:0.64, Y:0.42, K:0.07. Its decimal value is 15553930.

Hex triplet	ed558a	`#ed558a`
RGB Decimal	237, 85, 138	`rgb(237,85,138)`
RGB Percent	92.9, 33.3, 54.1	`rgb(92.9%,33.3%,54.1%)`
CMYK	0, 64, 42, 7
HSL	339.1°, 80.9, 63.1	`hsl(339.1,80.9%,63.1%)`
HSV (or HSB)	339.1°, 64.1, 92.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	58.359, 62.615, 2.747
XYZ	42.762, 26.34, 26.876
xyY	0.446, 0.274, 26.34
CIE-LCH	58.359, 62.675, 2.512
CIE-LUV	58.359, 100.183, -8.437
Hunter-Lab	51.323, 58.91, 4.878
Binary	11101101, 01010101, 10001010

#ed558a
```
#ed558a rgb(237,85,138)
```
#55edb8
```
#55edb8 rgb(85,237,184)
```

Complementary Color

#ed55d6
```
#ed55d6 rgb(237,85,214)
```
#ed558a
```
#ed558a rgb(237,85,138)
```
#ed6c55
```
#ed6c55 rgb(237,108,85)
```

Analogous Color

#55d6ed
```
#55d6ed rgb(85,214,237)
```
#ed558a
```
#ed558a rgb(237,85,138)
```
#55ed6c
```
#55ed6c rgb(85,237,108)
```

Split Complementary Color

#558aed
```
#558aed rgb(85,138,237)
```
#ed558a
```
#ed558a rgb(237,85,138)
```
#8aed55
```
#8aed55 rgb(138,237,85)
```

Triadic Color

#b855ed
```
#b855ed rgb(184,85,237)
```
#ed558a
```
#ed558a rgb(237,85,138)
```
#8aed55
```
#8aed55 rgb(138,237,85)
```
#55edb8
```
#55edb8 rgb(85,237,184)
```

Tetradic Color

#de185d
```
#de185d rgb(222,24,93)
```
#e8276a
```
#e8276a rgb(232,39,106)
```
#eb3e7a
```
#eb3e7a rgb(235,62,122)
```
#ed558a
```
#ed558a rgb(237,85,138)
```
#ef6c9a
```
#ef6c9a rgb(239,108,154)
```
#f283aa
```
#f283aa rgb(242,131,170)
```
#f49aba
```
#f49aba rgb(244,154,186)
```

Monochromatic Color

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

#ed55b0
```
#ed55b0 rgb(237,85,176)
```
#ed55a3
```
#ed55a3 rgb(237,85,163)
```
#ed5597
```
#ed5597 rgb(237,85,151)
```
#ed558a
```
#ed558a rgb(237,85,138)
```
#ed557d
```
#ed557d rgb(237,85,125)
```
#ed5571
```
#ed5571 rgb(237,85,113)
```
#ed5564
```
#ed5564 rgb(237,85,100)
```

Similar Colors

Text with hexadecimal color #ed558a

This text has a font color of #ed558a.

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

#ed558a background color

This paragraph has a background color of #ed558a.

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

#ed558a border color

This element has a border color of #ed558a.

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

CSS codes

.text {color:#ed558a;}

.background {background-color:#ed558a;}

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

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

#070103
```
#070103 rgb(7,1,3)
```
#19030a
```
#19030a rgb(25,3,10)
```
#2b0512
```
#2b0512 rgb(43,5,18)
```
#3d0619
```
#3d0619 rgb(61,6,25)
```
#4e0821
```
#4e0821 rgb(78,8,33)
```
#600a28
```
#600a28 rgb(96,10,40)
```
#720c30
```
#720c30 rgb(114,12,48)
```
#840e37
```
#840e37 rgb(132,14,55)
```
#95103e
```
#95103e rgb(149,16,62)
```
#a71246
```
#a71246 rgb(167,18,70)
```
#b9144d
```
#b9144d rgb(185,20,77)
```
#ca1555
```
#ca1555 rgb(202,21,85)
```
#dc175c
```
#dc175c rgb(220,23,92)
```

Shade Color Variation

#e72065
```
#e72065 rgb(231,32,101)
```
#e93272
```
#e93272 rgb(233,50,114)
```
#eb437e
```
#eb437e rgb(235,67,126)
```
#ed558a
```
#ed558a rgb(237,85,138)
```
#ef6796
```
#ef6796 rgb(239,103,150)
```
#f178a2
```
#f178a2 rgb(241,120,162)
```
#f38aaf
```
#f38aaf rgb(243,138,175)
```
#f59cbb
```
#f59cbb rgb(245,156,187)
```
#f6aec7
```
#f6aec7 rgb(246,174,199)
```
#f8bfd3
```
#f8bfd3 rgb(248,191,211)
```
#fad1df
```
#fad1df rgb(250,209,223)
```
#fce3ec
```
#fce3ec rgb(252,227,236)
```
#fef5f8
```
#fef5f8 rgb(254,245,248)
```

Tint Color Variation

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

#a59da0
```
#a59da0 rgb(165,157,160)
```
#ac969e
```
#ac969e rgb(172,150,158)
```
#b38f9c
```
#b38f9c rgb(179,143,156)
```
#ba8899
```
#ba8899 rgb(186,136,153)
```
#c28097
```
#c28097 rgb(194,128,151)
```
#c97995
```
#c97995 rgb(201,121,149)
```
#d07293
```
#d07293 rgb(208,114,147)
```
#d76b91
```
#d76b91 rgb(215,107,145)
```
#df638e
```
#df638e rgb(223,99,142)
```
#e65c8c
```
#e65c8c rgb(230,92,140)
```
#ed558a
```
#ed558a rgb(237,85,138)
```
#f44e88
```
#f44e88 rgb(244,78,136)
```
#fb4786
```
#fb4786 rgb(251,71,134)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#9c7e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c91aa Protanopia 1% of men
#a48d85 Deuteranopia 1% of men
#eb656b Tritanopia 0.001% of the population

Trichromacy

#af7b9e Protanomaly 1% of men, 0.01% of women
#be7887 Deuteranomaly 6% of men, 0.4% of women
#eb5f76 Tritanomaly 0.01% of the population

#ed558a hex color

#ed558a Color Information

#ed558a Color Conversion

Color Schemes with #ed558a

Alternatives to #ed558a

#ed558a Preview

Shades and Tints of #ed558a

Tones of #ed558a

Color Blindness Simulator