#d557f0 hex color

In a RGB color space, hex #d557f0 is composed of 83.5% red, 34.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 11.3% cyan, 63.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 289.4 degrees, a saturation of 83.6% and a lightness of 64.1%. #d557f0 color hex could be obtained by blending #ffaeff with #ab00e1. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 84
- G 34
- B 94
RGB color chart
- C 11
- M 64
- Y 0
- K 6
CMYK color chart

● #d557f0 color description : Soft magenta.

The hexadecimal color #d557f0 has RGB values of R:213, G:87, B:240 and CMYK values of C:0.11, M:0.64, Y:0, K:0.06. Its decimal value is 13981680.

Hex triplet	d557f0	`#d557f0`
RGB Decimal	213, 87, 240	`rgb(213,87,240)`
RGB Percent	83.5, 34.1, 94.1	`rgb(83.5%,34.1%,94.1%)`
CMYK	11, 64, 0, 6
HSL	289.4°, 83.6, 64.1	`hsl(289.4,83.6%,64.1%)`
HSV (or HSB)	289.4°, 63.8, 94.1
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	59.21, 70.01, -54.655
XYZ	46.575, 27.256, 85.241
xyY	0.293, 0.171, 27.256
CIE-LCH	59.21, 88.818, 322.022
CIE-LUV	59.21, 49.368, -94.979
Hunter-Lab	52.207, 67.881, -60.26
Binary	11010101, 01010111, 11110000

#d557f0
```
#d557f0 rgb(213,87,240)
```
#72f057
```
#72f057 rgb(114,240,87)
```

Complementary Color

#8957f0
```
#8957f0 rgb(137,87,240)
```
#d557f0
```
#d557f0 rgb(213,87,240)
```
#f057bf
```
#f057bf rgb(240,87,191)
```

Analogous Color

#57f089
```
#57f089 rgb(87,240,137)
```
#d557f0
```
#d557f0 rgb(213,87,240)
```
#bff057
```
#bff057 rgb(191,240,87)
```

Split Complementary Color

#57f0d5
```
#57f0d5 rgb(87,240,213)
```
#d557f0
```
#d557f0 rgb(213,87,240)
```
#f0d557
```
#f0d557 rgb(240,213,87)
```

Triadic Color

#5772f0
```
#5772f0 rgb(87,114,240)
```
#d557f0
```
#d557f0 rgb(213,87,240)
```
#f0d557
```
#f0d557 rgb(240,213,87)
```
#72f057
```
#72f057 rgb(114,240,87)
```

Tetradic Color

#c115e6
```
#c115e6 rgb(193,21,230)
```
#c928ec
```
#c928ec rgb(201,40,236)
```
#cf40ee
```
#cf40ee rgb(207,64,238)
```
#d557f0
```
#d557f0 rgb(213,87,240)
```
#db6ef2
```
#db6ef2 rgb(219,110,242)
```
#e186f4
```
#e186f4 rgb(225,134,244)
```
#e79df6
```
#e79df6 rgb(231,157,246)
```

Monochromatic Color

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

#af57f0
```
#af57f0 rgb(175,87,240)
```
#bc57f0
```
#bc57f0 rgb(188,87,240)
```
#c857f0
```
#c857f0 rgb(200,87,240)
```
#d557f0
```
#d557f0 rgb(213,87,240)
```
#e257f0
```
#e257f0 rgb(226,87,240)
```
#ef57f0
```
#ef57f0 rgb(239,87,240)
```
#f057e5
```
#f057e5 rgb(240,87,229)
```

Similar Colors

Text with hexadecimal color #d557f0

This text has a font color of #d557f0.

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

#d557f0 background color

This paragraph has a background color of #d557f0.

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

#d557f0 border color

This element has a border color of #d557f0.

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

CSS codes

.text {color:#d557f0;}

.background {background-color:#d557f0;}

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

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, #0a010c is the darkest color, while #fef9fe is the lightest one.

#0a010c
```
#0a010c rgb(10,1,12)
```
#19031e
```
#19031e rgb(25,3,30)
```
#280430
```
#280430 rgb(40,4,48)
```
#370642
```
#370642 rgb(55,6,66)
```
#470854
```
#470854 rgb(71,8,84)
```
#560966
```
#560966 rgb(86,9,102)
```
#650b78
```
#650b78 rgb(101,11,120)
```
#740c8a
```
#740c8a rgb(116,12,138)
```
#830e9c
```
#830e9c rgb(131,14,156)
```
#9210ae
```
#9210ae rgb(146,16,174)
```
#a111c0
```
#a111c0 rgb(161,17,192)
```
#b013d2
```
#b013d2 rgb(176,19,210)
```
#bf14e4
```
#bf14e4 rgb(191,20,228)
```

Shade Color Variation

#c721eb
```
#c721eb rgb(199,33,235)
```
#cc33ed
```
#cc33ed rgb(204,51,237)
```
#d045ee
```
#d045ee rgb(208,69,238)
```
#d557f0
```
#d557f0 rgb(213,87,240)
```
#da69f2
```
#da69f2 rgb(218,105,242)
```
#de7bf3
```
#de7bf3 rgb(222,123,243)
```
#e38df5
```
#e38df5 rgb(227,141,245)
```
#e79ff6
```
#e79ff6 rgb(231,159,246)
```
#ecb1f8
```
#ecb1f8 rgb(236,177,248)
```
#f0c3fa
```
#f0c3fa rgb(240,195,250)
```
#f5d5fb
```
#f5d5fb rgb(245,213,251)
```
#f9e7fd
```
#f9e7fd rgb(249,231,253)
```
#fef9fe
```
#fef9fe rgb(254,249,254)
```

Tint Color Variation

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

#a79daa
```
#a79daa rgb(167,157,170)
```
#ac96b1
```
#ac96b1 rgb(172,150,177)
```
#b18fb8
```
#b18fb8 rgb(177,143,184)
```
#b588bf
```
#b588bf rgb(181,136,191)
```
#ba81c6
```
#ba81c6 rgb(186,129,198)
```
#be7acd
```
#be7acd rgb(190,122,205)
```
#c373d4
```
#c373d4 rgb(195,115,212)
```
#c76cdb
```
#c76cdb rgb(199,108,219)
```
#cc65e2
```
#cc65e2 rgb(204,101,226)
```
#d05ee9
```
#d05ee9 rgb(208,94,233)
```
#d557f0
```
#d557f0 rgb(213,87,240)
```
#da50f7
```
#da50f7 rgb(218,80,247)
```
#de49fe
```
#de49fe rgb(222,73,254)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#9c83a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5690ff Protanopia 1% of men
#6594e1 Deuteranopia 1% of men
#c78089 Tritanopia 0.001% of the population

Trichromacy

#847bf9 Protanomaly 1% of men, 0.01% of women
#8e7ee6 Deuteranomaly 6% of men, 0.4% of women
#cc71ae Tritanomaly 0.01% of the population

#d557f0 hex color

#d557f0 Color Information

#d557f0 Color Conversion

Color Schemes with #d557f0

Alternatives to #d557f0

#d557f0 Preview

Shades and Tints of #d557f0

Tones of #d557f0

Color Blindness Simulator