colorhexa.com

#d558b4 hex color

In a RGB color space, hex #d558b4 is composed of 83.5% red, 34.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.7% magenta, 15.5% yellow and 16.5% black. It has a hue angle of 315.8 degrees, a saturation of 59.8% and a lightness of 59%. #d558b4 color hex could be obtained by blending #ffb0ff with #ab0069. Closest websafe color is: #cc66cc.

- R 84
- G 35
- B 71
RGB color chart
- C 0
- M 59
- Y 15
- K 16
CMYK color chart

● #d558b4 color description : Moderate pink.

The hexadecimal color #d558b4 has RGB values of R:213, G:88, B:180 and CMYK values of C:0, M:0.59, Y:0.15, K:0.16. Its decimal value is 13981876.

Hex triplet	d558b4	`#d558b4`
RGB Decimal	213, 88, 180	`rgb(213,88,180)`
RGB Percent	83.5, 34.5, 70.6	`rgb(83.5%,34.5%,70.6%)`
CMYK	0, 59, 15, 16
HSL	315.8°, 59.8, 59	`hsl(315.8,59.8%,59%)`
HSV (or HSB)	315.8°, 58.7, 83.5
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	56.509, 59.539, -24.868
XYZ	39.168, 24.424, 45.829
xyY	0.358, 0.223, 24.424
CIE-LCH	56.509, 64.524, 337.331
CIE-LUV	56.509, 66.622, -46.672
Hunter-Lab	49.42, 54.986, -20.387
Binary	11010101, 01011000, 10110100

#d558b4
```
#d558b4 rgb(213,88,180)
```
#58d579
```
#58d579 rgb(88,213,121)
```

Complementary Color

#b858d5
```
#b858d5 rgb(184,88,213)
```
#d558b4
```
#d558b4 rgb(213,88,180)
```
#d55876
```
#d55876 rgb(213,88,118)
```

Analogous Color

#58d5b8
```
#58d5b8 rgb(88,213,184)
```
#d558b4
```
#d558b4 rgb(213,88,180)
```
#76d558
```
#76d558 rgb(118,213,88)
```

Split Complementary Color

#58b4d5
```
#58b4d5 rgb(88,180,213)
```
#d558b4
```
#d558b4 rgb(213,88,180)
```
#b4d558
```
#b4d558 rgb(180,213,88)
```

Triadic Color

#7958d5
```
#7958d5 rgb(121,88,213)
```
#d558b4
```
#d558b4 rgb(213,88,180)
```
#b4d558
```
#b4d558 rgb(180,213,88)
```
#58d579
```
#58d579 rgb(88,213,121)
```

Tetradic Color

#b32d90
```
#b32d90 rgb(179,45,144)
```
#c832a0
```
#c832a0 rgb(200,50,160)
```
#d044ab
```
#d044ab rgb(208,68,171)
```
#d558b4
```
#d558b4 rgb(213,88,180)
```
#da6cbd
```
#da6cbd rgb(218,108,189)
```
#df81c6
```
#df81c6 rgb(223,129,198)
```
#e495cf
```
#e495cf rgb(228,149,207)
```

Monochromatic Color

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

#d558d3
```
#d558d3 rgb(213,88,211)
```
#d558c9
```
#d558c9 rgb(213,88,201)
```
#d558be
```
#d558be rgb(213,88,190)
```
#d558b4
```
#d558b4 rgb(213,88,180)
```
#d558aa
```
#d558aa rgb(213,88,170)
```
#d5589f
```
#d5589f rgb(213,88,159)
```
#d55895
```
#d55895 rgb(213,88,149)
```

Similar Colors

Text with hexadecimal color #d558b4

This text has a font color of #d558b4.

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

#d558b4 background color

This paragraph has a background color of #d558b4.

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

#d558b4 border color

This element has a border color of #d558b4.

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

CSS codes

.text {color:#d558b4;}

.background {background-color:#d558b4;}

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

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

#050104
```
#050104 rgb(5,1,4)
```
#150511
```
#150511 rgb(21,5,17)
```
#25091d
```
#25091d rgb(37,9,29)
```
#340d2a
```
#340d2a rgb(52,13,42)
```
#441137
```
#441137 rgb(68,17,55)
```
#541543
```
#541543 rgb(84,21,67)
```
#631950
```
#631950 rgb(99,25,80)
```
#731d5c
```
#731d5c rgb(115,29,92)
```
#832169
```
#832169 rgb(131,33,105)
```
#922576
```
#922576 rgb(146,37,118)
```
#a22982
```
#a22982 rgb(162,41,130)
```
#b22d8f
```
#b22d8f rgb(178,45,143)
```
#c1319b
```
#c1319b rgb(193,49,155)
```

Shade Color Variation

#cd39a6
```
#cd39a6 rgb(205,57,166)
```
#d148ad
```
#d148ad rgb(209,72,173)
```
#d558b4
```
#d558b4 rgb(213,88,180)
```
#d968bb
```
#d968bb rgb(217,104,187)
```
#dd77c2
```
#dd77c2 rgb(221,119,194)
```
#e187c9
```
#e187c9 rgb(225,135,201)
```
#e597d0
```
#e597d0 rgb(229,151,208)
```
#e9a6d7
```
#e9a6d7 rgb(233,166,215)
```
#edb6de
```
#edb6de rgb(237,182,222)
```
#f1c6e5
```
#f1c6e5 rgb(241,198,229)
```
#f5d5ec
```
#f5d5ec rgb(245,213,236)
```
#f8e5f3
```
#f8e5f3 rgb(248,229,243)
```
#fcf5fa
```
#fcf5fa rgb(252,245,250)
```

Tint Color Variation

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

#9d9099
```
#9d9099 rgb(157,144,153)
```
#a5889d
```
#a5889d rgb(165,136,157)
```
#ad80a1
```
#ad80a1 rgb(173,128,161)
```
#b578a5
```
#b578a5 rgb(181,120,165)
```
#bd70a9
```
#bd70a9 rgb(189,112,169)
```
#c568ac
```
#c568ac rgb(197,104,172)
```
#cd60b0
```
#cd60b0 rgb(205,96,176)
```
#d558b4
```
#d558b4 rgb(213,88,180)
```
#dd50b8
```
#dd50b8 rgb(221,80,184)
```
#e548bc
```
#e548bc rgb(229,72,188)
```
#ed40bf
```
#ed40bf rgb(237,64,191)
```
#f538c3
```
#f538c3 rgb(245,56,195)
```
#fd30c7
```
#fd30c7 rgb(253,48,199)
```

Tone Color Variation

Below, you can see how #d558b4 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
#977e91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#708bd4 Protanopia 1% of men
#8a8bac Deuteranopia 1% of men
#d07178 Tritanopia 0.001% of the population

Trichromacy

#9578c8 Protanomaly 1% of men, 0.01% of women
#a578af Deuteranomaly 6% of men, 0.4% of women
#d1678e Tritanomaly 0.01% of the population