#d558ff hex color

In a RGB color space, hex #d558ff is composed of 83.5% red, 34.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 65.5% magenta, 0% yellow and 0% black. It has a hue angle of 284.9 degrees, a saturation of 100% and a lightness of 67.3%. #d558ff color hex could be obtained by blending #ffb0ff with #ab00ff. Closest websafe color is: #cc66ff.

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

● #d558ff color description : Light violet.

The hexadecimal color #d558ff has RGB values of R:213, G:88, B:255 and CMYK values of C:0.16, M:0.65, Y:0, K:0. Its decimal value is 13981951.

Hex triplet	d558ff	`#d558ff`
RGB Decimal	213, 88, 255	`rgb(213,88,255)`
RGB Percent	83.5, 34.5, 100	`rgb(83.5%,34.5%,100%)`
CMYK	16, 65, 0, 0
HSL	284.9°, 100, 67.3	`hsl(284.9,100%,67.3%)`
HSV (or HSB)	284.9°, 65.5, 100
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	60.201, 72.404, -61.387
XYZ	48.978, 28.347, 97.494
xyY	0.28, 0.162, 28.347
CIE-LCH	60.201, 94.925, 319.708
CIE-LUV	60.201, 45.154, -106.095
Hunter-Lab	53.242, 71.03, -71.298
Binary	11010101, 01011000, 11111111

#d558ff
```
#d558ff rgb(213,88,255)
```
#82ff58
```
#82ff58 rgb(130,255,88)
```

Complementary Color

#8258ff
```
#8258ff rgb(130,88,255)
```
#d558ff
```
#d558ff rgb(213,88,255)
```
#ff58d6
```
#ff58d6 rgb(255,88,214)
```

Analogous Color

#58ff82
```
#58ff82 rgb(88,255,130)
```
#d558ff
```
#d558ff rgb(213,88,255)
```
#d6ff58
```
#d6ff58 rgb(214,255,88)
```

Split Complementary Color

#58ffd5
```
#58ffd5 rgb(88,255,213)
```
#d558ff
```
#d558ff rgb(213,88,255)
```
#ffd558
```
#ffd558 rgb(255,213,88)
```

Triadic Color

#5882ff
```
#5882ff rgb(88,130,255)
```
#d558ff
```
#d558ff rgb(213,88,255)
```
#ffd558
```
#ffd558 rgb(255,213,88)
```
#82ff58
```
#82ff58 rgb(130,255,88)
```

Tetradic Color

#c20cff
```
#c20cff rgb(194,12,255)
```
#c825ff
```
#c825ff rgb(200,37,255)
```
#cf3fff
```
#cf3fff rgb(207,63,255)
```
#d558ff
```
#d558ff rgb(213,88,255)
```
#db72ff
```
#db72ff rgb(219,114,255)
```
#e28bff
```
#e28bff rgb(226,139,255)
```
#e8a5ff
```
#e8a5ff rgb(232,165,255)
```

Monochromatic Color

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

#ab58ff
```
#ab58ff rgb(171,88,255)
```
#b958ff
```
#b958ff rgb(185,88,255)
```
#c758ff
```
#c758ff rgb(199,88,255)
```
#d558ff
```
#d558ff rgb(213,88,255)
```
#e358ff
```
#e358ff rgb(227,88,255)
```
#f158ff
```
#f158ff rgb(241,88,255)
```
#ff58ff
```
#ff58ff rgb(255,88,255)
```

Similar Colors

Text with hexadecimal color #d558ff

This text has a font color of #d558ff.

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

#d558ff background color

This paragraph has a background color of #d558ff.

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

#d558ff border color

This element has a border color of #d558ff.

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

CSS codes

.text {color:#d558ff;}

.background {background-color:#d558ff;}

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

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, #07000a is the darkest color, while #fcf5ff is the lightest one.

#07000a
```
#07000a rgb(7,0,10)
```
#16001d
```
#16001d rgb(22,0,29)
```
#250031
```
#250031 rgb(37,0,49)
```
#330044
```
#330044 rgb(51,0,68)
```
#420058
```
#420058 rgb(66,0,88)
```
#51006c
```
#51006c rgb(81,0,108)
```
#5f007f
```
#5f007f rgb(95,0,127)
```
#6e0093
```
#6e0093 rgb(110,0,147)
```
#7d00a6
```
#7d00a6 rgb(125,0,166)
```
#8b00ba
```
#8b00ba rgb(139,0,186)
```
#9a00ce
```
#9a00ce rgb(154,0,206)
```
#a900e1
```
#a900e1 rgb(169,0,225)
```
#b700f5
```
#b700f5 rgb(183,0,245)
```

Shade Color Variation

#c10aff
```
#c10aff rgb(193,10,255)
```
#c61dff
```
#c61dff rgb(198,29,255)
```
#cb31ff
```
#cb31ff rgb(203,49,255)
```
#d044ff
```
#d044ff rgb(208,68,255)
```
#d558ff
```
#d558ff rgb(213,88,255)
```
#da6cff
```
#da6cff rgb(218,108,255)
```
#df7fff
```
#df7fff rgb(223,127,255)
```
#e493ff
```
#e493ff rgb(228,147,255)
```
#e9a6ff
```
#e9a6ff rgb(233,166,255)
```
#eebaff
```
#eebaff rgb(238,186,255)
```
#f3ceff
```
#f3ceff rgb(243,206,255)
```
#f8e1ff
```
#f8e1ff rgb(248,225,255)
```
#fcf5ff
```
#fcf5ff rgb(252,245,255)
```

Tint Color Variation

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

#afa5b2
```
#afa5b2 rgb(175,165,178)
```
#b29fb8
```
#b29fb8 rgb(178,159,184)
```
#b598bf
```
#b598bf rgb(181,152,191)
```
#b892c5
```
#b892c5 rgb(184,146,197)
```
#bb8bcc
```
#bb8bcc rgb(187,139,204)
```
#bf85d2
```
#bf85d2 rgb(191,133,210)
```
#c27fd8
```
#c27fd8 rgb(194,127,216)
```
#c578df
```
#c578df rgb(197,120,223)
```
#c872e5
```
#c872e5 rgb(200,114,229)
```
#cb6bec
```
#cb6bec rgb(203,107,236)
```
#cf65f2
```
#cf65f2 rgb(207,101,242)
```
#d25ef9
```
#d25ef9 rgb(210,94,249)
```
#d558ff
```
#d558ff rgb(213,88,255)
```

Tone Color Variation

Below, you can see how #d558ff 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
#9e85a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c93ff Protanopia 1% of men
#5797ee Deuteranopia 1% of men
#c4858e Tritanopia 0.001% of the population

Trichromacy

#887dff Protanomaly 1% of men, 0.01% of women
#8580f4 Deuteranomaly 6% of men, 0.4% of women
#ca75b7 Tritanomaly 0.01% of the population

#d558ff hex color

#d558ff Color Information

#d558ff Color Conversion

Color Schemes with #d558ff

Alternatives to #d558ff

#d558ff Preview

Shades and Tints of #d558ff

Tones of #d558ff

Color Blindness Simulator