#d558f9 hex color

In a RGB color space, hex #d558f9 is composed of 83.5% red, 34.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 64.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 286.6 degrees, a saturation of 93.1% and a lightness of 66.1%. #d558f9 color hex could be obtained by blending #ffb0ff with #ab00f3. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 84
- G 35
- B 98
RGB color chart
- C 14
- M 65
- Y 0
- K 2
CMYK color chart

● #d558f9 color description : Soft magenta.

The hexadecimal color #d558f9 has RGB values of R:213, G:88, B:249 and CMYK values of C:0.14, M:0.65, Y:0, K:0.02. Its decimal value is 13981945.

Hex triplet	d558f9	`#d558f9`
RGB Decimal	213, 88, 249	`rgb(213,88,249)`
RGB Percent	83.5, 34.5, 97.6	`rgb(83.5%,34.5%,97.6%)`
CMYK	14, 65, 0, 2
HSL	286.6°, 93.1, 66.1	`hsl(286.6,93.1%,66.1%)`
HSV (or HSB)	286.6°, 64.7, 97.6
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	59.859, 71.269, -58.618
XYZ	48.027, 27.967, 92.486
xyY	0.285, 0.166, 27.967
CIE-LCH	59.859, 92.279, 320.563
CIE-LUV	59.859, 46.711, -101.531
Hunter-Lab	52.884, 69.56, -66.67
Binary	11010101, 01011000, 11111001

#d558f9
```
#d558f9 rgb(213,88,249)
```
#7cf958
```
#7cf958 rgb(124,249,88)
```

Complementary Color

#8558f9
```
#8558f9 rgb(133,88,249)
```
#d558f9
```
#d558f9 rgb(213,88,249)
```
#f958cd
```
#f958cd rgb(249,88,205)
```

Analogous Color

#58f985
```
#58f985 rgb(88,249,133)
```
#d558f9
```
#d558f9 rgb(213,88,249)
```
#cdf958
```
#cdf958 rgb(205,249,88)
```

Split Complementary Color

#58f9d5
```
#58f9d5 rgb(88,249,213)
```
#d558f9
```
#d558f9 rgb(213,88,249)
```
#f9d558
```
#f9d558 rgb(249,213,88)
```

Triadic Color

#587cf9
```
#587cf9 rgb(88,124,249)
```
#d558f9
```
#d558f9 rgb(213,88,249)
```
#f9d558
```
#f9d558 rgb(249,213,88)
```
#7cf958
```
#7cf958 rgb(124,249,88)
```

Tetradic Color

#c20ef6
```
#c20ef6 rgb(194,14,246)
```
#c927f7
```
#c927f7 rgb(201,39,247)
```
#cf3ff8
```
#cf3ff8 rgb(207,63,248)
```
#d558f9
```
#d558f9 rgb(213,88,249)
```
#db71fa
```
#db71fa rgb(219,113,250)
```
#e189fb
```
#e189fb rgb(225,137,251)
```
#e8a2fc
```
#e8a2fc rgb(232,162,252)
```

Monochromatic Color

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

#ad58f9
```
#ad58f9 rgb(173,88,249)
```
#ba58f9
```
#ba58f9 rgb(186,88,249)
```
#c858f9
```
#c858f9 rgb(200,88,249)
```
#d558f9
```
#d558f9 rgb(213,88,249)
```
#e258f9
```
#e258f9 rgb(226,88,249)
```
#f058f9
```
#f058f9 rgb(240,88,249)
```
#f958f5
```
#f958f5 rgb(249,88,245)
```

Similar Colors

Text with hexadecimal color #d558f9

This text has a font color of #d558f9.

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

#d558f9 background color

This paragraph has a background color of #d558f9.

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

#d558f9 border color

This element has a border color of #d558f9.

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

CSS codes

.text {color:#d558f9;}

.background {background-color:#d558f9;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#120116
```
#120116 rgb(18,1,22)
```
#200129
```
#200129 rgb(32,1,41)
```
#2f023c
```
#2f023c rgb(47,2,60)
```
#3e034f
```
#3e034f rgb(62,3,79)
```
#4d0462
```
#4d0462 rgb(77,4,98)
```
#5c0475
```
#5c0475 rgb(92,4,117)
```
#6b0588
```
#6b0588 rgb(107,5,136)
```
#7a069b
```
#7a069b rgb(122,6,155)
```
#8806ae
```
#8806ae rgb(136,6,174)
```
#9707c1
```
#9707c1 rgb(151,7,193)
```
#a608d4
```
#a608d4 rgb(166,8,212)
```
#b508e7
```
#b508e7 rgb(181,8,231)
```

Shade Color Variation

#c20cf6
```
#c20cf6 rgb(194,12,246)
```
#c71ff7
```
#c71ff7 rgb(199,31,247)
```
#cb32f8
```
#cb32f8 rgb(203,50,248)
```
#d045f8
```
#d045f8 rgb(208,69,248)
```
#d558f9
```
#d558f9 rgb(213,88,249)
```
#da6bfa
```
#da6bfa rgb(218,107,250)
```
#df7efa
```
#df7efa rgb(223,126,250)
```
#e391fb
```
#e391fb rgb(227,145,251)
```
#e8a4fc
```
#e8a4fc rgb(232,164,252)
```
#edb7fc
```
#edb7fc rgb(237,183,252)
```
#f2cafd
```
#f2cafd rgb(242,202,253)
```
#f6ddfe
```
#f6ddfe rgb(246,221,254)
```
#fbeffe
```
#fbeffe rgb(251,239,254)
```

Tint Color Variation

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

#a9a8a9
```
#a9a8a9 rgb(169,168,169)
```
#ada1b0
```
#ada1b0 rgb(173,161,176)
```
#b09bb6
```
#b09bb6 rgb(176,155,182)
```
#b494bd
```
#b494bd rgb(180,148,189)
```
#b88dc4
```
#b88dc4 rgb(184,141,196)
```
#bb87ca
```
#bb87ca rgb(187,135,202)
```
#bf80d1
```
#bf80d1 rgb(191,128,209)
```
#c379d8
```
#c379d8 rgb(195,121,216)
```
#c673de
```
#c673de rgb(198,115,222)
```
#ca6ce5
```
#ca6ce5 rgb(202,108,229)
```
#ce65ec
```
#ce65ec rgb(206,101,236)
```
#d15ff2
```
#d15ff2 rgb(209,95,242)
```
#d558f9
```
#d558f9 rgb(213,88,249)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#9e85a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a92ff Protanopia 1% of men
#5e96e8 Deuteranopia 1% of men
#c5838c Tritanopia 0.001% of the population

Trichromacy

#877dfc Protanomaly 1% of men, 0.01% of women
#897fee Deuteranomaly 6% of men, 0.4% of women
#cb73b4 Tritanomaly 0.01% of the population

#d558f9 hex color

#d558f9 Color Information

#d558f9 Color Conversion

Color Schemes with #d558f9

Alternatives to #d558f9

#d558f9 Preview

Shades and Tints of #d558f9

Tones of #d558f9

Color Blindness Simulator