#5422aa hex color

In a RGB color space, hex #5422aa is composed of 32.9% red, 13.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 80% magenta, 0% yellow and 33.3% black. It has a hue angle of 262.1 degrees, a saturation of 66.7% and a lightness of 40%. #5422aa color hex could be obtained by blending #a844ff with #000055. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 13
- B 67
RGB color chart
- C 51
- M 80
- Y 0
- K 33
CMYK color chart

● #5422aa color description : Dark violet.

The hexadecimal color #5422aa has RGB values of R:84, G:34, B:170 and CMYK values of C:0.51, M:0.8, Y:0, K:0.33. Its decimal value is 5513898.

Hex triplet	5422aa	`#5422aa`
RGB Decimal	84, 34, 170	`rgb(84,34,170)`
RGB Percent	32.9, 13.3, 66.7	`rgb(32.9%,13.3%,66.7%)`
CMYK	51, 80, 0, 33
HSL	262.1°, 66.7, 40	`hsl(262.1,66.7%,40%)`
HSV (or HSB)	262.1°, 80, 66.7
Web Safe	663399	`#663399`

CIE-LAB	29.238, 52.185, -63.513
XYZ	11.483, 5.931, 38.568
xyY	0.205, 0.106, 5.931
CIE-LCH	29.238, 82.202, 309.408
CIE-LUV	29.238, 5.569, -84.146
Hunter-Lab	24.354, 41.543, -76.847
Binary	01010100, 00100010, 10101010

#5422aa
```
#5422aa rgb(84,34,170)
```
#78aa22
```
#78aa22 rgb(120,170,34)
```

Complementary Color

#2234aa
```
#2234aa rgb(34,52,170)
```
#5422aa
```
#5422aa rgb(84,34,170)
```
#9822aa
```
#9822aa rgb(152,34,170)
```

Analogous Color

#34aa22
```
#34aa22 rgb(52,170,34)
```
#5422aa
```
#5422aa rgb(84,34,170)
```
#aa9822
```
#aa9822 rgb(170,152,34)
```

Split Complementary Color

#22aa54
```
#22aa54 rgb(34,170,84)
```
#5422aa
```
#5422aa rgb(84,34,170)
```
#aa5422
```
#aa5422 rgb(170,84,34)
```

Triadic Color

#2278aa
```
#2278aa rgb(34,120,170)
```
#5422aa
```
#5422aa rgb(84,34,170)
```
#aa5422
```
#aa5422 rgb(170,84,34)
```
#78aa22
```
#78aa22 rgb(120,170,34)
```

Tetradic Color

#35156a
```
#35156a rgb(53,21,106)
```
#3f1a80
```
#3f1a80 rgb(63,26,128)
```
#491e95
```
#491e95 rgb(73,30,149)
```
#5422aa
```
#5422aa rgb(84,34,170)
```
#5e26bf
```
#5e26bf rgb(94,38,191)
```
#692bd5
```
#692bd5 rgb(105,43,213)
```
#7840d9
```
#7840d9 rgb(120,64,217)
```

Monochromatic Color

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

#3222aa
```
#3222aa rgb(50,34,170)
```
#3d22aa
```
#3d22aa rgb(61,34,170)
```
#4922aa
```
#4922aa rgb(73,34,170)
```
#5422aa
```
#5422aa rgb(84,34,170)
```
#5f22aa
```
#5f22aa rgb(95,34,170)
```
#6b22aa
```
#6b22aa rgb(107,34,170)
```
#7622aa
```
#7622aa rgb(118,34,170)
```

Similar Colors

Text with hexadecimal color #5422aa

This text has a font color of #5422aa.

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

#5422aa background color

This paragraph has a background color of #5422aa.

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

#5422aa border color

This element has a border color of #5422aa.

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

CSS codes

.text {color:#5422aa;}

.background {background-color:#5422aa;}

.border {border:1px solid #5422aa;}

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

#030107
```
#030107 rgb(3,1,7)
```
#0b0517
```
#0b0517 rgb(11,5,23)
```
#130827
```
#130827 rgb(19,8,39)
```
#1b0b38
```
#1b0b38 rgb(27,11,56)
```
#240e48
```
#240e48 rgb(36,14,72)
```
#2c1258
```
#2c1258 rgb(44,18,88)
```
#341569
```
#341569 rgb(52,21,105)
```
#3c1879
```
#3c1879 rgb(60,24,121)
```
#441b89
```
#441b89 rgb(68,27,137)
```
#4c1f9a
```
#4c1f9a rgb(76,31,154)
```
#5422aa
```
#5422aa rgb(84,34,170)
```
#5c25ba
```
#5c25ba rgb(92,37,186)
```
#6429cb
```
#6429cb rgb(100,41,203)
```

Shade Color Variation

#6e31d6
```
#6e31d6 rgb(110,49,214)
```
#7941d9
```
#7941d9 rgb(121,65,217)
```
#8552dc
```
#8552dc rgb(133,82,220)
```
#9062e0
```
#9062e0 rgb(144,98,224)
```
#9c72e3
```
#9c72e3 rgb(156,114,227)
```
#a783e6
```
#a783e6 rgb(167,131,230)
```
#b393e9
```
#b393e9 rgb(179,147,233)
```
#bea3ed
```
#bea3ed rgb(190,163,237)
```
#cab4f0
```
#cab4f0 rgb(202,180,240)
```
#d5c4f3
```
#d5c4f3 rgb(213,196,243)
```
#e1d5f7
```
#e1d5f7 rgb(225,213,247)
```
#ede5fa
```
#ede5fa rgb(237,229,250)
```
#f8f5fd
```
#f8f5fd rgb(248,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65616b is the less saturated color, while #4c03c9 is the most saturated one.

#65616b
```
#65616b rgb(101,97,107)
```
#635973
```
#635973 rgb(99,89,115)
```
#60517b
```
#60517b rgb(96,81,123)
```
#5e4983
```
#5e4983 rgb(94,73,131)
```
#5c418b
```
#5c418b rgb(92,65,139)
```
#5a3a92
```
#5a3a92 rgb(90,58,146)
```
#58329a
```
#58329a rgb(88,50,154)
```
#562aa2
```
#562aa2 rgb(86,42,162)
```
#5422aa
```
#5422aa rgb(84,34,170)
```
#521ab2
```
#521ab2 rgb(82,26,178)
```
#5012ba
```
#5012ba rgb(80,18,186)
```
#4e0ac2
```
#4e0ac2 rgb(78,10,194)
```
#4c03c9
```
#4c03c9 rgb(76,3,201)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#443a55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#005081 Deuteranopia 1% of men
#3c5157 Tritanopia 0.001% of the population

Trichromacy

#1e3c9c Protanomaly 1% of men, 0.01% of women
#1e3f90 Deuteranomaly 6% of men, 0.4% of women
#454075 Tritanomaly 0.01% of the population

#5422aa hex color

#5422aa Color Information

#5422aa Color Conversion

Color Schemes with #5422aa

Alternatives to #5422aa

#5422aa Preview

Shades and Tints of #5422aa

Tones of #5422aa

Color Blindness Simulator