#a558d5 hex color

In a RGB color space, hex #a558d5 is composed of 64.7% red, 34.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 58.7% magenta, 0% yellow and 16.5% black. It has a hue angle of 277 degrees, a saturation of 59.8% and a lightness of 59%. #a558d5 color hex could be obtained by blending #ffb0ff with #4b00ab. Closest websafe color is: #9966cc.

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

● #a558d5 color description : Moderate violet.

The hexadecimal color #a558d5 has RGB values of R:165, G:88, B:213 and CMYK values of C:0.23, M:0.59, Y:0, K:0.16. Its decimal value is 10836181.

Hex triplet	a558d5	`#a558d5`
RGB Decimal	165, 88, 213	`rgb(165,88,213)`
RGB Percent	64.7, 34.5, 83.5	`rgb(64.7%,34.5%,83.5%)`
CMYK	23, 59, 0, 16
HSL	277°, 59.8, 59	`hsl(277,59.8%,59%)`
HSV (or HSB)	277°, 58.7, 83.5
Web Safe	9966cc	`#9966cc`

CIE-LAB	51.592, 52.887, -51.979
XYZ	31.015, 19.784, 65.132
xyY	0.268, 0.171, 19.784
CIE-LCH	51.592, 74.154, 315.496
CIE-LUV	51.592, 26.356, -85.848
Hunter-Lab	44.479, 46.631, -55.685
Binary	10100101, 01011000, 11010101

#a558d5
```
#a558d5 rgb(165,88,213)
```
#88d558
```
#88d558 rgb(136,213,88)
```

Complementary Color

#6758d5
```
#6758d5 rgb(103,88,213)
```
#a558d5
```
#a558d5 rgb(165,88,213)
```
#d558c7
```
#d558c7 rgb(213,88,199)
```

Analogous Color

#58d567
```
#58d567 rgb(88,213,103)
```
#a558d5
```
#a558d5 rgb(165,88,213)
```
#c7d558
```
#c7d558 rgb(199,213,88)
```

Split Complementary Color

#58d5a5
```
#58d5a5 rgb(88,213,165)
```
#a558d5
```
#a558d5 rgb(165,88,213)
```
#d5a558
```
#d5a558 rgb(213,165,88)
```

Triadic Color

#5888d5
```
#5888d5 rgb(88,136,213)
```
#a558d5
```
#a558d5 rgb(165,88,213)
```
#d5a558
```
#d5a558 rgb(213,165,88)
```
#88d558
```
#88d558 rgb(136,213,88)
```

Tetradic Color

#802db3
```
#802db3 rgb(128,45,179)
```
#8e32c8
```
#8e32c8 rgb(142,50,200)
```
#9a44d0
```
#9a44d0 rgb(154,68,208)
```
#a558d5
```
#a558d5 rgb(165,88,213)
```
#b06cda
```
#b06cda rgb(176,108,218)
```
#bb81df
```
#bb81df rgb(187,129,223)
```
#c695e4
```
#c695e4 rgb(198,149,228)
```

Monochromatic Color

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

#8658d5
```
#8658d5 rgb(134,88,213)
```
#9058d5
```
#9058d5 rgb(144,88,213)
```
#9b58d5
```
#9b58d5 rgb(155,88,213)
```
#a558d5
```
#a558d5 rgb(165,88,213)
```
#af58d5
```
#af58d5 rgb(175,88,213)
```
#ba58d5
```
#ba58d5 rgb(186,88,213)
```
#c458d5
```
#c458d5 rgb(196,88,213)
```

Similar Colors

Text with hexadecimal color #a558d5

This text has a font color of #a558d5.

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

#a558d5 background color

This paragraph has a background color of #a558d5.

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

#a558d5 border color

This element has a border color of #a558d5.

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

CSS codes

.text {color:#a558d5;}

.background {background-color:#a558d5;}

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

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

#040105
```
#040105 rgb(4,1,5)
```
#0f0515
```
#0f0515 rgb(15,5,21)
```
#1a0925
```
#1a0925 rgb(26,9,37)
```
#250d34
```
#250d34 rgb(37,13,52)
```
#311144
```
#311144 rgb(49,17,68)
```
#3c1554
```
#3c1554 rgb(60,21,84)
```
#471963
```
#471963 rgb(71,25,99)
```
#521d73
```
#521d73 rgb(82,29,115)
```
#5d2183
```
#5d2183 rgb(93,33,131)
```
#682592
```
#682592 rgb(104,37,146)
```
#7429a2
```
#7429a2 rgb(116,41,162)
```
#7f2db2
```
#7f2db2 rgb(127,45,178)
```
#8a31c1
```
#8a31c1 rgb(138,49,193)
```

Shade Color Variation

#9439cd
```
#9439cd rgb(148,57,205)
```
#9d48d1
```
#9d48d1 rgb(157,72,209)
```
#a558d5
```
#a558d5 rgb(165,88,213)
```
#ad68d9
```
#ad68d9 rgb(173,104,217)
```
#b677dd
```
#b677dd rgb(182,119,221)
```
#be87e1
```
#be87e1 rgb(190,135,225)
```
#c797e5
```
#c797e5 rgb(199,151,229)
```
#cfa6e9
```
#cfa6e9 rgb(207,166,233)
```
#d8b6ed
```
#d8b6ed rgb(216,182,237)
```
#e0c6f1
```
#e0c6f1 rgb(224,198,241)
```
#e9d5f5
```
#e9d5f5 rgb(233,213,245)
```
#f1e5f8
```
#f1e5f8 rgb(241,229,248)
```
#f9f5fc
```
#f9f5fc rgb(249,245,252)
```

Tint Color Variation

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

#98909d
```
#98909d rgb(152,144,157)
```
#9a88a5
```
#9a88a5 rgb(154,136,165)
```
#9c80ad
```
#9c80ad rgb(156,128,173)
```
#9e78b5
```
#9e78b5 rgb(158,120,181)
```
#9f70bd
```
#9f70bd rgb(159,112,189)
```
#a168c5
```
#a168c5 rgb(161,104,197)
```
#a360cd
```
#a360cd rgb(163,96,205)
```
#a558d5
```
#a558d5 rgb(165,88,213)
```
#a750dd
```
#a750dd rgb(167,80,221)
```
#a948e5
```
#a948e5 rgb(169,72,229)
```
#ab40ed
```
#ab40ed rgb(171,64,237)
```
#ac38f5
```
#ac38f5 rgb(172,56,245)
```
#ae30fd
```
#ae30fd rgb(174,48,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#85768f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e7df0 Protanopia 1% of men
#4d82cb Deuteranopia 1% of men
#997982 Tritanopia 0.001% of the population

Trichromacy

#5970e6 Protanomaly 1% of men, 0.01% of women
#6d73cf Deuteranomaly 6% of men, 0.4% of women
#9d6da0 Tritanomaly 0.01% of the population

#a558d5 hex color

#a558d5 Color Information

#a558d5 Color Conversion

Color Schemes with #a558d5

Alternatives to #a558d5

#a558d5 Preview

Shades and Tints of #a558d5

Tones of #a558d5

Color Blindness Simulator