#d558fa hex color

In a RGB color space, hex #d558fa is composed of 83.5% red, 34.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 14.8% cyan, 64.8% magenta, 0% yellow and 2% black. It has a hue angle of 286.3 degrees, a saturation of 94.2% and a lightness of 66.3%. #d558fa color hex could be obtained by blending #ffb0ff with #ab00f5. Closest websafe color is: #cc66ff.

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

● #d558fa color description : Soft magenta.

The hexadecimal color #d558fa has RGB values of R:213, G:88, B:250 and CMYK values of C:0.15, M:0.65, Y:0, K:0.02. Its decimal value is 13981946.

Hex triplet	d558fa	`#d558fa`
RGB Decimal	213, 88, 250	`rgb(213,88,250)`
RGB Percent	83.5, 34.5, 98	`rgb(83.5%,34.5%,98%)`
CMYK	15, 65, 0, 2
HSL	286.3°, 94.2, 66.3	`hsl(286.3,94.2%,66.3%)`
HSV (or HSB)	286.3°, 64.8, 98
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	59.916, 71.457, -59.081
XYZ	48.184, 28.03, 93.309
xyY	0.284, 0.165, 28.03
CIE-LCH	59.916, 92.718, 320.416
CIE-LUV	59.916, 46.45, -102.295
Hunter-Lab	52.943, 69.803, -67.436
Binary	11010101, 01011000, 11111010

#d558fa
```
#d558fa rgb(213,88,250)
```
#7dfa58
```
#7dfa58 rgb(125,250,88)
```

Complementary Color

#8458fa
```
#8458fa rgb(132,88,250)
```
#d558fa
```
#d558fa rgb(213,88,250)
```
#fa58ce
```
#fa58ce rgb(250,88,206)
```

Analogous Color

#58fa84
```
#58fa84 rgb(88,250,132)
```
#d558fa
```
#d558fa rgb(213,88,250)
```
#cefa58
```
#cefa58 rgb(206,250,88)
```

Split Complementary Color

#58fad5
```
#58fad5 rgb(88,250,213)
```
#d558fa
```
#d558fa rgb(213,88,250)
```
#fad558
```
#fad558 rgb(250,213,88)
```

Triadic Color

#587dfa
```
#587dfa rgb(88,125,250)
```
#d558fa
```
#d558fa rgb(213,88,250)
```
#fad558
```
#fad558 rgb(250,213,88)
```
#7dfa58
```
#7dfa58 rgb(125,250,88)
```

Tetradic Color

#c20ef8
```
#c20ef8 rgb(194,14,248)
```
#c926f9
```
#c926f9 rgb(201,38,249)
```
#cf3ff9
```
#cf3ff9 rgb(207,63,249)
```
#d558fa
```
#d558fa rgb(213,88,250)
```
#db71fb
```
#db71fb rgb(219,113,251)
```
#e18afb
```
#e18afb rgb(225,138,251)
```
#e8a2fc
```
#e8a2fc rgb(232,162,252)
```

Monochromatic Color

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

#ad58fa
```
#ad58fa rgb(173,88,250)
```
#ba58fa
```
#ba58fa rgb(186,88,250)
```
#c858fa
```
#c858fa rgb(200,88,250)
```
#d558fa
```
#d558fa rgb(213,88,250)
```
#e358fa
```
#e358fa rgb(227,88,250)
```
#f058fa
```
#f058fa rgb(240,88,250)
```
#fa58f7
```
#fa58f7 rgb(250,88,247)
```

Similar Colors

Text with hexadecimal color #d558fa

This text has a font color of #d558fa.

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

#d558fa background color

This paragraph has a background color of #d558fa.

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

#d558fa border color

This element has a border color of #d558fa.

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

CSS codes

.text {color:#d558fa;}

.background {background-color:#d558fa;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#120117
```
#120117 rgb(18,1,23)
```
#21012a
```
#21012a rgb(33,1,42)
```
#30023e
```
#30023e rgb(48,2,62)
```
#3f0251
```
#3f0251 rgb(63,2,81)
```
#4e0364
```
#4e0364 rgb(78,3,100)
```
#5c0477
```
#5c0477 rgb(92,4,119)
```
#6b048a
```
#6b048a rgb(107,4,138)
```
#7a059d
```
#7a059d rgb(122,5,157)
```
#8905b0
```
#8905b0 rgb(137,5,176)
```
#9806c3
```
#9806c3 rgb(152,6,195)
```
#a706d6
```
#a706d6 rgb(167,6,214)
```
#b507e9
```
#b507e9 rgb(181,7,233)
```

Shade Color Variation

#c20cf8
```
#c20cf8 rgb(194,12,248)
```
#c71ff8
```
#c71ff8 rgb(199,31,248)
```
#cb32f9
```
#cb32f9 rgb(203,50,249)
```
#d045f9
```
#d045f9 rgb(208,69,249)
```
#d558fa
```
#d558fa rgb(213,88,250)
```
#da6bfb
```
#da6bfb rgb(218,107,251)
```
#df7efb
```
#df7efb rgb(223,126,251)
```
#e391fc
```
#e391fc rgb(227,145,252)
```
#e8a4fc
```
#e8a4fc rgb(232,164,252)
```
#edb7fd
```
#edb7fd rgb(237,183,253)
```
#f2cafd
```
#f2cafd rgb(242,202,253)
```
#f7ddfe
```
#f7ddfe rgb(247,221,254)
```
#fbf0ff
```
#fbf0ff rgb(251,240,255)
```

Tint Color Variation

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

#aaa7ab
```
#aaa7ab rgb(170,167,171)
```
#ada1b1
```
#ada1b1 rgb(173,161,177)
```
#b19ab8
```
#b19ab8 rgb(177,154,184)
```
#b594be
```
#b594be rgb(181,148,190)
```
#b88dc5
```
#b88dc5 rgb(184,141,197)
```
#bc86cc
```
#bc86cc rgb(188,134,204)
```
#bf80d2
```
#bf80d2 rgb(191,128,210)
```
#c379d9
```
#c379d9 rgb(195,121,217)
```
#c772e0
```
#c772e0 rgb(199,114,224)
```
#ca6ce6
```
#ca6ce6 rgb(202,108,230)
```
#ce65ed
```
#ce65ed rgb(206,101,237)
```
#d15ff3
```
#d15ff3 rgb(209,95,243)
```
#d558fa
```
#d558fa rgb(213,88,250)
```

Tone Color Variation

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

#5b92ff Protanopia 1% of men
#5d96e9 Deuteranopia 1% of men
#c5848d Tritanopia 0.001% of the population

Trichromacy

#877dfd Protanomaly 1% of men, 0.01% of women
#887fef Deuteranomaly 6% of men, 0.4% of women
#ca74b4 Tritanomaly 0.01% of the population

#d558fa hex color

#d558fa Color Information

#d558fa Color Conversion

Color Schemes with #d558fa

Alternatives to #d558fa

#d558fa Preview

Shades and Tints of #d558fa

Tones of #d558fa

Color Blindness Simulator