#5a22af hex color

In a RGB color space, hex #5a22af is composed of 35.3% red, 13.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 80.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 263.8 degrees, a saturation of 67.5% and a lightness of 41%. #5a22af color hex could be obtained by blending #b444ff with #00005f. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 35
- G 13
- B 69
RGB color chart
- C 49
- M 81
- Y 0
- K 31
CMYK color chart

● #5a22af color description : Dark violet.

The hexadecimal color #5a22af has RGB values of R:90, G:34, B:175 and CMYK values of C:0.49, M:0.81, Y:0, K:0.31. Its decimal value is 5907119.

Hex triplet	5a22af	`#5a22af`
RGB Decimal	90, 34, 175	`rgb(90,34,175)`
RGB Percent	35.3, 13.3, 68.6	`rgb(35.3%,13.3%,68.6%)`
CMYK	49, 81, 0, 31
HSL	263.8°, 67.5, 41	`hsl(263.8,67.5%,41%)`
HSV (or HSB)	263.8°, 80.6, 68.6
Web Safe	663399	`#663399`

CIE-LAB	30.431, 54.306, -64.526
XYZ	12.525, 6.413, 41.133
xyY	0.209, 0.107, 6.413
CIE-LCH	30.431, 84.337, 310.084
CIE-LUV	30.431, 7.121, -86.909
Hunter-Lab	25.323, 43.971, -78.579
Binary	01011010, 00100010, 10101111

#5a22af
```
#5a22af rgb(90,34,175)
```
#77af22
```
#77af22 rgb(119,175,34)
```

Complementary Color

#2231af
```
#2231af rgb(34,49,175)
```
#5a22af
```
#5a22af rgb(90,34,175)
```
#a122af
```
#a122af rgb(161,34,175)
```

Analogous Color

#31af22
```
#31af22 rgb(49,175,34)
```
#5a22af
```
#5a22af rgb(90,34,175)
```
#afa122
```
#afa122 rgb(175,161,34)
```

Split Complementary Color

#22af5a
```
#22af5a rgb(34,175,90)
```
#5a22af
```
#5a22af rgb(90,34,175)
```
#af5a22
```
#af5a22 rgb(175,90,34)
```

Triadic Color

#2277af
```
#2277af rgb(34,119,175)
```
#5a22af
```
#5a22af rgb(90,34,175)
```
#af5a22
```
#af5a22 rgb(175,90,34)
```
#77af22
```
#77af22 rgb(119,175,34)
```

Tetradic Color

#39166f
```
#39166f rgb(57,22,111)
```
#441a84
```
#441a84 rgb(68,26,132)
```
#4f1e9a
```
#4f1e9a rgb(79,30,154)
```
#5a22af
```
#5a22af rgb(90,34,175)
```
#6526c4
```
#6526c4 rgb(101,38,196)
```
#712ed6
```
#712ed6 rgb(113,46,214)
```
#7f43da
```
#7f43da rgb(127,67,218)
```

Monochromatic Color

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

#3722af
```
#3722af rgb(55,34,175)
```
#4222af
```
#4222af rgb(66,34,175)
```
#4e22af
```
#4e22af rgb(78,34,175)
```
#5a22af
```
#5a22af rgb(90,34,175)
```
#6622af
```
#6622af rgb(102,34,175)
```
#7222af
```
#7222af rgb(114,34,175)
```
#7d22af
```
#7d22af rgb(125,34,175)
```

Similar Colors

Text with hexadecimal color #5a22af

This text has a font color of #5a22af.

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

#5a22af background color

This paragraph has a background color of #5a22af.

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

#5a22af border color

This element has a border color of #5a22af.

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

CSS codes

.text {color:#5a22af;}

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

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

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

#06020b
```
#06020b rgb(6,2,11)
```
#0e051b
```
#0e051b rgb(14,5,27)
```
#16082c
```
#16082c rgb(22,8,44)
```
#1f0c3c
```
#1f0c3c rgb(31,12,60)
```
#270f4c
```
#270f4c rgb(39,15,76)
```
#30125d
```
#30125d rgb(48,18,93)
```
#38156d
```
#38156d rgb(56,21,109)
```
#41187e
```
#41187e rgb(65,24,126)
```
#491c8e
```
#491c8e rgb(73,28,142)
```
#521f9f
```
#521f9f rgb(82,31,159)
```
#5a22af
```
#5a22af rgb(90,34,175)
```
#6225bf
```
#6225bf rgb(98,37,191)
```
#6b28d0
```
#6b28d0 rgb(107,40,208)
```

Shade Color Variation

#7534d8
```
#7534d8 rgb(117,52,216)
```
#8045db
```
#8045db rgb(128,69,219)
```
#8b55de
```
#8b55de rgb(139,85,222)
```
#9766e1
```
#9766e1 rgb(151,102,225)
```
#a276e4
```
#a276e4 rgb(162,118,228)
```
#ad86e8
```
#ad86e8 rgb(173,134,232)
```
#b897eb
```
#b897eb rgb(184,151,235)
```
#c3a7ee
```
#c3a7ee rgb(195,167,238)
```
#ceb8f1
```
#ceb8f1 rgb(206,184,241)
```
#dac8f4
```
#dac8f4 rgb(218,200,244)
```
#e5d8f8
```
#e5d8f8 rgb(229,216,248)
```
#f0e9fb
```
#f0e9fb rgb(240,233,251)
```
#fbf9fe
```
#fbf9fe rgb(251,249,254)
```

Tint Color Variation

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

#67626f
```
#67626f rgb(103,98,111)
```
#665a77
```
#665a77 rgb(102,90,119)
```
#64527f
```
#64527f rgb(100,82,127)
```
#624a87
```
#624a87 rgb(98,74,135)
```
#61428f
```
#61428f rgb(97,66,143)
```
#5f3a97
```
#5f3a97 rgb(95,58,151)
```
#5d329f
```
#5d329f rgb(93,50,159)
```
#5c2aa7
```
#5c2aa7 rgb(92,42,167)
```
#5a22af
```
#5a22af rgb(90,34,175)
```
#581ab7
```
#581ab7 rgb(88,26,183)
```
#5712bf
```
#5712bf rgb(87,18,191)
```
#550ac7
```
#550ac7 rgb(85,10,199)
```
#5302cf
```
#5302cf rgb(83,2,207)
```

Tone Color Variation

Below, you can see how #5a22af 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
#483c59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e99 Protanopia 1% of men
#005385 Deuteranopia 1% of men
#435359 Tritanopia 0.001% of the population

Trichromacy

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

#5a22af hex color

#5a22af Color Information

#5a22af Color Conversion

Color Schemes with #5a22af

Alternatives to #5a22af

#5a22af Preview

Shades and Tints of #5a22af

Tones of #5a22af

Color Blindness Simulator