#a558d6 hex color

In a RGB color space, hex #a558d6 is composed of 64.7% red, 34.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 58.9% magenta, 0% yellow and 16.1% black. It has a hue angle of 276.7 degrees, a saturation of 60.6% and a lightness of 59.2%. #a558d6 color hex could be obtained by blending #ffb0ff with #4b00ad. 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

● #a558d6 color description : Moderate violet.

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

Hex triplet	a558d6	`#a558d6`
RGB Decimal	165, 88, 214	`rgb(165,88,214)`
RGB Percent	64.7, 34.5, 83.9	`rgb(64.7%,34.5%,83.9%)`
CMYK	23, 59, 0, 16
HSL	276.7°, 60.6, 59.2	`hsl(276.7,60.6%,59.2%)`
HSV (or HSB)	276.7°, 58.9, 83.9
Web Safe	9966cc	`#9966cc`

CIE-LAB	51.65, 53.108, -52.455
XYZ	31.143, 19.835, 65.803
xyY	0.267, 0.17, 19.835
CIE-LCH	51.65, 74.646, 315.354
CIE-LUV	51.65, 26.157, -86.621
Hunter-Lab	44.536, 46.882, -56.427
Binary	10100101, 01011000, 11010110

#a558d6
```
#a558d6 rgb(165,88,214)
```
#89d658
```
#89d658 rgb(137,214,88)
```

Complementary Color

#6658d6
```
#6658d6 rgb(102,88,214)
```
#a558d6
```
#a558d6 rgb(165,88,214)
```
#d658c8
```
#d658c8 rgb(214,88,200)
```

Analogous Color

#58d666
```
#58d666 rgb(88,214,102)
```
#a558d6
```
#a558d6 rgb(165,88,214)
```
#c8d658
```
#c8d658 rgb(200,214,88)
```

Split Complementary Color

#58d6a5
```
#58d6a5 rgb(88,214,165)
```
#a558d6
```
#a558d6 rgb(165,88,214)
```
#d6a558
```
#d6a558 rgb(214,165,88)
```

Triadic Color

#5889d6
```
#5889d6 rgb(88,137,214)
```
#a558d6
```
#a558d6 rgb(165,88,214)
```
#d6a558
```
#d6a558 rgb(214,165,88)
```
#89d658
```
#89d658 rgb(137,214,88)
```

Tetradic Color

#802cb5
```
#802cb5 rgb(128,44,181)
```
#8e31ca
```
#8e31ca rgb(142,49,202)
```
#9a44d1
```
#9a44d1 rgb(154,68,209)
```
#a558d6
```
#a558d6 rgb(165,88,214)
```
#b06cdb
```
#b06cdb rgb(176,108,219)
```
#bb81e0
```
#bb81e0 rgb(187,129,224)
```
#c695e5
```
#c695e5 rgb(198,149,229)
```

Monochromatic Color

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

#8658d6
```
#8658d6 rgb(134,88,214)
```
#9058d6
```
#9058d6 rgb(144,88,214)
```
#9b58d6
```
#9b58d6 rgb(155,88,214)
```
#a558d6
```
#a558d6 rgb(165,88,214)
```
#b058d6
```
#b058d6 rgb(176,88,214)
```
#ba58d6
```
#ba58d6 rgb(186,88,214)
```
#c558d6
```
#c558d6 rgb(197,88,214)
```

Similar Colors

Text with hexadecimal color #a558d6

This text has a font color of #a558d6.

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

#a558d6 background color

This paragraph has a background color of #a558d6.

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

#a558d6 border color

This element has a border color of #a558d6.

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

CSS codes

.text {color:#a558d6;}

.background {background-color:#a558d6;}

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

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

#040206
```
#040206 rgb(4,2,6)
```
#100516
```
#100516 rgb(16,5,22)
```
#1b0926
```
#1b0926 rgb(27,9,38)
```
#260d35
```
#260d35 rgb(38,13,53)
```
#311145
```
#311145 rgb(49,17,69)
```
#3c1555
```
#3c1555 rgb(60,21,85)
```
#471965
```
#471965 rgb(71,25,101)
```
#521d74
```
#521d74 rgb(82,29,116)
```
#5d2084
```
#5d2084 rgb(93,32,132)
```
#692494
```
#692494 rgb(105,36,148)
```
#7428a4
```
#7428a4 rgb(116,40,164)
```
#7f2cb3
```
#7f2cb3 rgb(127,44,179)
```
#8a30c3
```
#8a30c3 rgb(138,48,195)
```

Shade Color Variation

#9439ce
```
#9439ce rgb(148,57,206)
```
#9d48d2
```
#9d48d2 rgb(157,72,210)
```
#a558d6
```
#a558d6 rgb(165,88,214)
```
#ad68da
```
#ad68da rgb(173,104,218)
```
#b677de
```
#b677de rgb(182,119,222)
```
#be87e2
```
#be87e2 rgb(190,135,226)
```
#c797e5
```
#c797e5 rgb(199,151,229)
```
#cfa7e9
```
#cfa7e9 rgb(207,167,233)
```
#d8b6ed
```
#d8b6ed rgb(216,182,237)
```
#e0c6f1
```
#e0c6f1 rgb(224,198,241)
```
#e9d6f5
```
#e9d6f5 rgb(233,214,245)
```
#f1e6f9
```
#f1e6f9 rgb(241,230,249)
```
#faf5fd
```
#faf5fd rgb(250,245,253)
```

Tint Color Variation

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

#99909e
```
#99909e rgb(153,144,158)
```
#9a88a6
```
#9a88a6 rgb(154,136,166)
```
#9c80ae
```
#9c80ae rgb(156,128,174)
```
#9e78b6
```
#9e78b6 rgb(158,120,182)
```
#a070be
```
#a070be rgb(160,112,190)
```
#a168c6
```
#a168c6 rgb(161,104,198)
```
#a360ce
```
#a360ce rgb(163,96,206)
```
#a558d6
```
#a558d6 rgb(165,88,214)
```
#a750de
```
#a750de rgb(167,80,222)
```
#a948e6
```
#a948e6 rgb(169,72,230)
```
#aa40ee
```
#aa40ee rgb(170,64,238)
```
#ac38f6
```
#ac38f6 rgb(172,56,246)
```
#ae30fe
```
#ae30fe rgb(174,48,254)
```

Tone Color Variation

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

#2c7ef1 Protanopia 1% of men
#4c82cc Deuteranopia 1% of men
#987982 Tritanopia 0.001% of the population

Trichromacy

#5870e7 Protanomaly 1% of men, 0.01% of women
#6c73d0 Deuteranomaly 6% of men, 0.4% of women
#9d6da0 Tritanomaly 0.01% of the population

#a558d6 hex color

#a558d6 Color Information

#a558d6 Color Conversion

Color Schemes with #a558d6

Alternatives to #a558d6

#a558d6 Preview

Shades and Tints of #a558d6

Tones of #a558d6

Color Blindness Simulator