#5722aa hex color

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

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

● #5722aa color description : Dark violet.

The hexadecimal color #5722aa has RGB values of R:87, G:34, B:170 and CMYK values of C:0.49, M:0.8, Y:0, K:0.33. Its decimal value is 5710506.

Hex triplet	5722aa	`#5722aa`
RGB Decimal	87, 34, 170	`rgb(87,34,170)`
RGB Percent	34.1, 13.3, 66.7	`rgb(34.1%,13.3%,66.7%)`
CMYK	49, 80, 0, 33
HSL	263.4°, 66.7, 40	`hsl(263.4,66.7%,40%)`
HSV (or HSB)	263.4°, 80, 66.7
Web Safe	663399	`#663399`

CIE-LAB	29.595, 52.6, -62.914
XYZ	11.757, 6.072, 38.581
xyY	0.208, 0.108, 6.072
CIE-LCH	29.595, 82.005, 309.898
CIE-LUV	29.595, 6.658, -83.99
Hunter-Lab	24.642, 42.039, -75.576
Binary	01010111, 00100010, 10101010

#5722aa
```
#5722aa rgb(87,34,170)
```
#75aa22
```
#75aa22 rgb(117,170,34)
```

Complementary Color

#2231aa
```
#2231aa rgb(34,49,170)
```
#5722aa
```
#5722aa rgb(87,34,170)
```
#9b22aa
```
#9b22aa rgb(155,34,170)
```

Analogous Color

#31aa22
```
#31aa22 rgb(49,170,34)
```
#5722aa
```
#5722aa rgb(87,34,170)
```
#aa9b22
```
#aa9b22 rgb(170,155,34)
```

Split Complementary Color

#22aa57
```
#22aa57 rgb(34,170,87)
```
#5722aa
```
#5722aa rgb(87,34,170)
```
#aa5722
```
#aa5722 rgb(170,87,34)
```

Triadic Color

#2275aa
```
#2275aa rgb(34,117,170)
```
#5722aa
```
#5722aa rgb(87,34,170)
```
#aa5722
```
#aa5722 rgb(170,87,34)
```
#75aa22
```
#75aa22 rgb(117,170,34)
```

Tetradic Color

#36156a
```
#36156a rgb(54,21,106)
```
#411a80
```
#411a80 rgb(65,26,128)
```
#4c1e95
```
#4c1e95 rgb(76,30,149)
```
#5722aa
```
#5722aa rgb(87,34,170)
```
#6226bf
```
#6226bf rgb(98,38,191)
```
#6d2bd5
```
#6d2bd5 rgb(109,43,213)
```
#7b40d9
```
#7b40d9 rgb(123,64,217)
```

Monochromatic Color

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

#3522aa
```
#3522aa rgb(53,34,170)
```
#4022aa
```
#4022aa rgb(64,34,170)
```
#4c22aa
```
#4c22aa rgb(76,34,170)
```
#5722aa
```
#5722aa rgb(87,34,170)
```
#6222aa
```
#6222aa rgb(98,34,170)
```
#6e22aa
```
#6e22aa rgb(110,34,170)
```
#7922aa
```
#7922aa rgb(121,34,170)
```

Similar Colors

Text with hexadecimal color #5722aa

This text has a font color of #5722aa.

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

#5722aa background color

This paragraph has a background color of #5722aa.

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

#5722aa border color

This element has a border color of #5722aa.

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

CSS codes

.text {color:#5722aa;}

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

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

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)
```
#0c0517
```
#0c0517 rgb(12,5,23)
```
#140827
```
#140827 rgb(20,8,39)
```
#1c0b38
```
#1c0b38 rgb(28,11,56)
```
#250e48
```
#250e48 rgb(37,14,72)
```
#2d1258
```
#2d1258 rgb(45,18,88)
```
#361569
```
#361569 rgb(54,21,105)
```
#3e1879
```
#3e1879 rgb(62,24,121)
```
#461b89
```
#461b89 rgb(70,27,137)
```
#4f1f9a
```
#4f1f9a rgb(79,31,154)
```
#5722aa
```
#5722aa rgb(87,34,170)
```
#5f25ba
```
#5f25ba rgb(95,37,186)
```
#6829cb
```
#6829cb rgb(104,41,203)
```

Shade Color Variation

#7131d6
```
#7131d6 rgb(113,49,214)
```
#7d41d9
```
#7d41d9 rgb(125,65,217)
```
#8852dc
```
#8852dc rgb(136,82,220)
```
#9362e0
```
#9362e0 rgb(147,98,224)
```
#9e72e3
```
#9e72e3 rgb(158,114,227)
```
#aa83e6
```
#aa83e6 rgb(170,131,230)
```
#b593e9
```
#b593e9 rgb(181,147,233)
```
#c0a3ed
```
#c0a3ed rgb(192,163,237)
```
#cbb4f0
```
#cbb4f0 rgb(203,180,240)
```
#d7c4f3
```
#d7c4f3 rgb(215,196,243)
```
#e2d5f7
```
#e2d5f7 rgb(226,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 #5003c9 is the most saturated one.

#65616b
```
#65616b rgb(101,97,107)
```
#635973
```
#635973 rgb(99,89,115)
```
#61517b
```
#61517b rgb(97,81,123)
```
#604983
```
#604983 rgb(96,73,131)
```
#5e418b
```
#5e418b rgb(94,65,139)
```
#5c3a92
```
#5c3a92 rgb(92,58,146)
```
#5a329a
```
#5a329a rgb(90,50,154)
```
#592aa2
```
#592aa2 rgb(89,42,162)
```
#5722aa
```
#5722aa rgb(87,34,170)
```
#551ab2
```
#551ab2 rgb(85,26,178)
```
#5412ba
```
#5412ba rgb(84,18,186)
```
#520ac2
```
#520ac2 rgb(82,10,194)
```
#5003c9
```
#5003c9 rgb(80,3,201)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#453b56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d95 Protanopia 1% of men
#005182 Deuteranopia 1% of men
#415257 Tritanopia 0.001% of the population

Trichromacy

#1f3d9d Protanomaly 1% of men, 0.01% of women
#1f4091 Deuteranomaly 6% of men, 0.4% of women
#494075 Tritanomaly 0.01% of the population

#5722aa hex color

#5722aa Color Information

#5722aa Color Conversion

Color Schemes with #5722aa

Alternatives to #5722aa

#5722aa Preview

Shades and Tints of #5722aa

Tones of #5722aa

Color Blindness Simulator