#5a22ae hex color

In a RGB color space, hex #5a22ae is composed of 35.3% red, 13.3% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 80.5% magenta, 0% yellow and 31.8% black. It has a hue angle of 264 degrees, a saturation of 67.3% and a lightness of 40.8%. #5a22ae color hex could be obtained by blending #b444ff with #00005d. 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

● #5a22ae color description : Dark violet.

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

Hex triplet	5a22ae	`#5a22ae`
RGB Decimal	90, 34, 174	`rgb(90,34,174)`
RGB Percent	35.3, 13.3, 68.2	`rgb(35.3%,13.3%,68.2%)`
CMYK	48, 80, 0, 32
HSL	264°, 67.3, 40.8	`hsl(264,67.3%,40.8%)`
HSV (or HSB)	264°, 80.5, 68.2
Web Safe	663399	`#663399`

CIE-LAB	30.336, 54.05, -64.083
XYZ	12.427, 6.374, 40.618
xyY	0.209, 0.107, 6.374
CIE-LCH	30.336, 83.833, 310.145
CIE-LUV	30.336, 7.254, -86.291
Hunter-Lab	25.246, 43.685, -77.718
Binary	01011010, 00100010, 10101110

#5a22ae
```
#5a22ae rgb(90,34,174)
```
#76ae22
```
#76ae22 rgb(118,174,34)
```

Complementary Color

#2230ae
```
#2230ae rgb(34,48,174)
```
#5a22ae
```
#5a22ae rgb(90,34,174)
```
#a022ae
```
#a022ae rgb(160,34,174)
```

Analogous Color

#30ae22
```
#30ae22 rgb(48,174,34)
```
#5a22ae
```
#5a22ae rgb(90,34,174)
```
#aea022
```
#aea022 rgb(174,160,34)
```

Split Complementary Color

#22ae5a
```
#22ae5a rgb(34,174,90)
```
#5a22ae
```
#5a22ae rgb(90,34,174)
```
#ae5a22
```
#ae5a22 rgb(174,90,34)
```

Triadic Color

#2276ae
```
#2276ae rgb(34,118,174)
```
#5a22ae
```
#5a22ae rgb(90,34,174)
```
#ae5a22
```
#ae5a22 rgb(174,90,34)
```
#76ae22
```
#76ae22 rgb(118,174,34)
```

Tetradic Color

#39156e
```
#39156e rgb(57,21,110)
```
#441a83
```
#441a83 rgb(68,26,131)
```
#4f1e99
```
#4f1e99 rgb(79,30,153)
```
#5a22ae
```
#5a22ae rgb(90,34,174)
```
#6526c3
```
#6526c3 rgb(101,38,195)
```
#712dd6
```
#712dd6 rgb(113,45,214)
```
#7f42da
```
#7f42da rgb(127,66,218)
```

Monochromatic Color

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

#3722ae
```
#3722ae rgb(55,34,174)
```
#4322ae
```
#4322ae rgb(67,34,174)
```
#4e22ae
```
#4e22ae rgb(78,34,174)
```
#5a22ae
```
#5a22ae rgb(90,34,174)
```
#6622ae
```
#6622ae rgb(102,34,174)
```
#7122ae
```
#7122ae rgb(113,34,174)
```
#7d22ae
```
#7d22ae rgb(125,34,174)
```

Similar Colors

Text with hexadecimal color #5a22ae

This text has a font color of #5a22ae.

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

#5a22ae background color

This paragraph has a background color of #5a22ae.

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

#5a22ae border color

This element has a border color of #5a22ae.

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

CSS codes

.text {color:#5a22ae;}

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

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

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, #05020a is the darkest color, while #fbf9fe is the lightest one.

#05020a
```
#05020a rgb(5,2,10)
```
#0e051a
```
#0e051a rgb(14,5,26)
```
#16082b
```
#16082b rgb(22,8,43)
```
#1f0c3b
```
#1f0c3b rgb(31,12,59)
```
#270f4c
```
#270f4c rgb(39,15,76)
```
#30125c
```
#30125c rgb(48,18,92)
```
#38156c
```
#38156c rgb(56,21,108)
```
#41187d
```
#41187d rgb(65,24,125)
```
#491c8d
```
#491c8d rgb(73,28,141)
```
#521f9e
```
#521f9e rgb(82,31,158)
```
#5a22ae
```
#5a22ae rgb(90,34,174)
```
#6225be
```
#6225be rgb(98,37,190)
```
#6b28cf
```
#6b28cf rgb(107,40,207)
```

Shade Color Variation

#7534d7
```
#7534d7 rgb(117,52,215)
```
#8044da
```
#8044da rgb(128,68,218)
```
#8b54de
```
#8b54de rgb(139,84,222)
```
#9665e1
```
#9665e1 rgb(150,101,225)
```
#a275e4
```
#a275e4 rgb(162,117,228)
```
#ad86e7
```
#ad86e7 rgb(173,134,231)
```
#b896ea
```
#b896ea rgb(184,150,234)
```
#c3a6ee
```
#c3a6ee rgb(195,166,238)
```
#ceb7f1
```
#ceb7f1 rgb(206,183,241)
```
#d9c7f4
```
#d9c7f4 rgb(217,199,244)
```
#e4d8f7
```
#e4d8f7 rgb(228,216,247)
```
#efe8fb
```
#efe8fb rgb(239,232,251)
```
#fbf9fe
```
#fbf9fe rgb(251,249,254)
```

Tint Color Variation

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

#67626e
```
#67626e rgb(103,98,110)
```
#655a76
```
#655a76 rgb(101,90,118)
```
#64527e
```
#64527e rgb(100,82,126)
```
#624a86
```
#624a86 rgb(98,74,134)
```
#60428e
```
#60428e rgb(96,66,142)
```
#5f3a96
```
#5f3a96 rgb(95,58,150)
```
#5d329e
```
#5d329e rgb(93,50,158)
```
#5c2aa6
```
#5c2aa6 rgb(92,42,166)
```
#5a22ae
```
#5a22ae rgb(90,34,174)
```
#581ab6
```
#581ab6 rgb(88,26,182)
```
#5712be
```
#5712be rgb(87,18,190)
```
#550ac6
```
#550ac6 rgb(85,10,198)
```
#5402ce
```
#5402ce rgb(84,2,206)
```

Tone Color Variation

Below, you can see how #5a22ae 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
#005385 Deuteranopia 1% of men
#445359 Tritanopia 0.001% of the population

Trichromacy

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

#5a22ae hex color

#5a22ae Color Information

#5a22ae Color Conversion

Color Schemes with #5a22ae

Alternatives to #5a22ae

#5a22ae Preview

Shades and Tints of #5a22ae

Tones of #5a22ae

Color Blindness Simulator