#5a22ad hex color

In a RGB color space, hex #5a22ad is composed of 35.3% red, 13.3% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 80.3% magenta, 0% yellow and 32.2% black. It has a hue angle of 264.2 degrees, a saturation of 67.1% and a lightness of 40.6%. #5a22ad color hex could be obtained by blending #b444ff with #00005b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 35
- G 13
- B 68
RGB color chart
- C 48
- M 80
- Y 0
- K 32
CMYK color chart

● #5a22ad color description : Dark violet.

The hexadecimal color #5a22ad has RGB values of R:90, G:34, B:173 and CMYK values of C:0.48, M:0.8, Y:0, K:0.32. Its decimal value is 5907117.

Hex triplet	5a22ad	`#5a22ad`
RGB Decimal	90, 34, 173	`rgb(90,34,173)`
RGB Percent	35.3, 13.3, 67.8	`rgb(35.3%,13.3%,67.8%)`
CMYK	48, 80, 0, 32
HSL	264.2°, 67.1, 40.6	`hsl(264.2,67.1%,40.6%)`
HSV (or HSB)	264.2°, 80.3, 67.8
Web Safe	663399	`#663399`

CIE-LAB	30.242, 53.793, -63.639
XYZ	12.33, 6.335, 40.106
xyY	0.21, 0.108, 6.335
CIE-LCH	30.242, 83.328, 310.208
CIE-LUV	30.242, 7.387, -85.673
Hunter-Lab	25.169, 43.4, -76.859
Binary	01011010, 00100010, 10101101

#5a22ad
```
#5a22ad rgb(90,34,173)
```
#75ad22
```
#75ad22 rgb(117,173,34)
```

Complementary Color

#2230ad
```
#2230ad rgb(34,48,173)
```
#5a22ad
```
#5a22ad rgb(90,34,173)
```
#a022ad
```
#a022ad rgb(160,34,173)
```

Analogous Color

#30ad22
```
#30ad22 rgb(48,173,34)
```
#5a22ad
```
#5a22ad rgb(90,34,173)
```
#ada022
```
#ada022 rgb(173,160,34)
```

Split Complementary Color

#22ad5a
```
#22ad5a rgb(34,173,90)
```
#5a22ad
```
#5a22ad rgb(90,34,173)
```
#ad5a22
```
#ad5a22 rgb(173,90,34)
```

Triadic Color

#2275ad
```
#2275ad rgb(34,117,173)
```
#5a22ad
```
#5a22ad rgb(90,34,173)
```
#ad5a22
```
#ad5a22 rgb(173,90,34)
```
#75ad22
```
#75ad22 rgb(117,173,34)
```

Tetradic Color

#39156d
```
#39156d rgb(57,21,109)
```
#441a82
```
#441a82 rgb(68,26,130)
```
#4f1e98
```
#4f1e98 rgb(79,30,152)
```
#5a22ad
```
#5a22ad rgb(90,34,173)
```
#6526c2
```
#6526c2 rgb(101,38,194)
```
#712cd6
```
#712cd6 rgb(113,44,214)
```
#7f42da
```
#7f42da rgb(127,66,218)
```

Monochromatic Color

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

#3722ad
```
#3722ad rgb(55,34,173)
```
#4322ad
```
#4322ad rgb(67,34,173)
```
#4e22ad
```
#4e22ad rgb(78,34,173)
```
#5a22ad
```
#5a22ad rgb(90,34,173)
```
#6622ad
```
#6622ad rgb(102,34,173)
```
#7122ad
```
#7122ad rgb(113,34,173)
```
#7d22ad
```
#7d22ad rgb(125,34,173)
```

Similar Colors

Text with hexadecimal color #5a22ad

This text has a font color of #5a22ad.

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

#5a22ad background color

This paragraph has a background color of #5a22ad.

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

#5a22ad border color

This element has a border color of #5a22ad.

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

CSS codes

.text {color:#5a22ad;}

.background {background-color:#5a22ad;}

.border {border:1px solid #5a22ad;}

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

#050209
```
#050209 rgb(5,2,9)
```
#0d0519
```
#0d0519 rgb(13,5,25)
```
#16082a
```
#16082a rgb(22,8,42)
```
#1e0b3a
```
#1e0b3a rgb(30,11,58)
```
#270f4b
```
#270f4b rgb(39,15,75)
```
#2f125b
```
#2f125b rgb(47,18,91)
```
#38156b
```
#38156b rgb(56,21,107)
```
#40187c
```
#40187c rgb(64,24,124)
```
#491c8c
```
#491c8c rgb(73,28,140)
```
#511f9d
```
#511f9d rgb(81,31,157)
```
#5a22ad
```
#5a22ad rgb(90,34,173)
```
#6325bd
```
#6325bd rgb(99,37,189)
```
#6b28ce
```
#6b28ce rgb(107,40,206)
```

Shade Color Variation

#7533d7
```
#7533d7 rgb(117,51,215)
```
#8043da
```
#8043da rgb(128,67,218)
```
#8b54dd
```
#8b54dd rgb(139,84,221)
```
#9664e1
```
#9664e1 rgb(150,100,225)
```
#a175e4
```
#a175e4 rgb(161,117,228)
```
#ac85e7
```
#ac85e7 rgb(172,133,231)
```
#b895ea
```
#b895ea rgb(184,149,234)
```
#c3a6ed
```
#c3a6ed rgb(195,166,237)
```
#ceb6f1
```
#ceb6f1 rgb(206,182,241)
```
#d9c6f4
```
#d9c6f4 rgb(217,198,244)
```
#e4d7f7
```
#e4d7f7 rgb(228,215,247)
```
#efe7fa
```
#efe7fa rgb(239,231,250)
```
#faf8fe
```
#faf8fe rgb(250,248,254)
```

Tint Color Variation

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

#66626d
```
#66626d rgb(102,98,109)
```
#655a75
```
#655a75 rgb(101,90,117)
```
#63527d
```
#63527d rgb(99,82,125)
```
#624a85
```
#624a85 rgb(98,74,133)
```
#60428d
```
#60428d rgb(96,66,141)
```
#5f3a95
```
#5f3a95 rgb(95,58,149)
```
#5d329d
```
#5d329d rgb(93,50,157)
```
#5c2aa5
```
#5c2aa5 rgb(92,42,165)
```
#5a22ad
```
#5a22ad rgb(90,34,173)
```
#581ab5
```
#581ab5 rgb(88,26,181)
```
#5712bd
```
#5712bd rgb(87,18,189)
```
#550ac5
```
#550ac5 rgb(85,10,197)
```
#5402cd
```
#5402cd rgb(84,2,205)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#483c58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005285 Deuteranopia 1% of men
#445359 Tritanopia 0.001% of the population

Trichromacy

#203ea0 Protanomaly 1% of men, 0.01% of women
#204193 Deuteranomaly 6% of men, 0.4% of women
#4c4177 Tritanomaly 0.01% of the population

#5a22ad hex color

#5a22ad Color Information

#5a22ad Color Conversion

Color Schemes with #5a22ad

Alternatives to #5a22ad

#5a22ad Preview

Shades and Tints of #5a22ad

Tones of #5a22ad

Color Blindness Simulator