#5f22aa hex color

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

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

● #5f22aa color description : Dark violet.

The hexadecimal color #5f22aa has RGB values of R:95, G:34, B:170 and CMYK values of C:0.44, M:0.8, Y:0, K:0.33. Its decimal value is 6234794.

Hex triplet	5f22aa	`#5f22aa`
RGB Decimal	95, 34, 170	`rgb(95,34,170)`
RGB Percent	37.3, 13.3, 66.7	`rgb(37.3%,13.3%,66.7%)`
CMYK	44, 80, 0, 33
HSL	266.9°, 66.7, 40	`hsl(266.9,66.7%,40%)`
HSV (or HSB)	266.9°, 80, 66.7
Web Safe	663399	`#663399`

CIE-LAB	30.591, 53.758, -61.241
XYZ	12.546, 6.479, 38.618
xyY	0.218, 0.112, 6.479
CIE-LCH	30.591, 81.489, 311.277
CIE-LUV	30.591, 9.79, -83.45
Hunter-Lab	25.454, 43.433, -72.133
Binary	01011111, 00100010, 10101010

#5f22aa
```
#5f22aa rgb(95,34,170)
```
#6daa22
```
#6daa22 rgb(109,170,34)
```

Complementary Color

#2229aa
```
#2229aa rgb(34,41,170)
```
#5f22aa
```
#5f22aa rgb(95,34,170)
```
#a322aa
```
#a322aa rgb(163,34,170)
```

Analogous Color

#29aa22
```
#29aa22 rgb(41,170,34)
```
#5f22aa
```
#5f22aa rgb(95,34,170)
```
#aaa322
```
#aaa322 rgb(170,163,34)
```

Split Complementary Color

#22aa5f
```
#22aa5f rgb(34,170,95)
```
#5f22aa
```
#5f22aa rgb(95,34,170)
```
#aa5f22
```
#aa5f22 rgb(170,95,34)
```

Triadic Color

#226daa
```
#226daa rgb(34,109,170)
```
#5f22aa
```
#5f22aa rgb(95,34,170)
```
#aa5f22
```
#aa5f22 rgb(170,95,34)
```
#6daa22
```
#6daa22 rgb(109,170,34)
```

Tetradic Color

#3b156a
```
#3b156a rgb(59,21,106)
```
#471a80
```
#471a80 rgb(71,26,128)
```
#531e95
```
#531e95 rgb(83,30,149)
```
#5f22aa
```
#5f22aa rgb(95,34,170)
```
#6b26bf
```
#6b26bf rgb(107,38,191)
```
#772bd5
```
#772bd5 rgb(119,43,213)
```
#8440d9
```
#8440d9 rgb(132,64,217)
```

Monochromatic Color

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

#3d22aa
```
#3d22aa rgb(61,34,170)
```
#4822aa
```
#4822aa rgb(72,34,170)
```
#5422aa
```
#5422aa rgb(84,34,170)
```
#5f22aa
```
#5f22aa rgb(95,34,170)
```
#6a22aa
```
#6a22aa rgb(106,34,170)
```
#7622aa
```
#7622aa rgb(118,34,170)
```
#8122aa
```
#8122aa rgb(129,34,170)
```

Similar Colors

Text with hexadecimal color #5f22aa

This text has a font color of #5f22aa.

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

#5f22aa background color

This paragraph has a background color of #5f22aa.

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

#5f22aa border color

This element has a border color of #5f22aa.

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

CSS codes

.text {color:#5f22aa;}

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

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

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

#040107
```
#040107 rgb(4,1,7)
```
#0d0517
```
#0d0517 rgb(13,5,23)
```
#160827
```
#160827 rgb(22,8,39)
```
#1f0b38
```
#1f0b38 rgb(31,11,56)
```
#280e48
```
#280e48 rgb(40,14,72)
```
#311258
```
#311258 rgb(49,18,88)
```
#3a1569
```
#3a1569 rgb(58,21,105)
```
#441879
```
#441879 rgb(68,24,121)
```
#4d1b89
```
#4d1b89 rgb(77,27,137)
```
#561f9a
```
#561f9a rgb(86,31,154)
```
#5f22aa
```
#5f22aa rgb(95,34,170)
```
#6825ba
```
#6825ba rgb(104,37,186)
```
#7129cb
```
#7129cb rgb(113,41,203)
```

Shade Color Variation

#7b31d6
```
#7b31d6 rgb(123,49,214)
```
#8541d9
```
#8541d9 rgb(133,65,217)
```
#9052dc
```
#9052dc rgb(144,82,220)
```
#9a62e0
```
#9a62e0 rgb(154,98,224)
```
#a572e3
```
#a572e3 rgb(165,114,227)
```
#af83e6
```
#af83e6 rgb(175,131,230)
```
#ba93e9
```
#ba93e9 rgb(186,147,233)
```
#c4a3ed
```
#c4a3ed rgb(196,163,237)
```
#cfb4f0
```
#cfb4f0 rgb(207,180,240)
```
#d9c4f3
```
#d9c4f3 rgb(217,196,243)
```
#e4d5f7
```
#e4d5f7 rgb(228,213,247)
```
#eee5fa
```
#eee5fa rgb(238,229,250)
```
#f9f5fd
```
#f9f5fd rgb(249,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 #5c03c9 is the most saturated one.

#65616b
```
#65616b rgb(101,97,107)
```
#655973
```
#655973 rgb(101,89,115)
```
#64517b
```
#64517b rgb(100,81,123)
```
#634983
```
#634983 rgb(99,73,131)
```
#62418b
```
#62418b rgb(98,65,139)
```
#613a92
```
#613a92 rgb(97,58,146)
```
#61329a
```
#61329a rgb(97,50,154)
```
#602aa2
```
#602aa2 rgb(96,42,162)
```
#5f22aa
```
#5f22aa rgb(95,34,170)
```
#5e1ab2
```
#5e1ab2 rgb(94,26,178)
```
#5d12ba
```
#5d12ba rgb(93,18,186)
```
#5d0ac2
```
#5d0ac2 rgb(93,10,194)
```
#5c03c9
```
#5c03c9 rgb(92,3,201)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#493d58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005386 Deuteranopia 1% of men
#4d5257 Tritanopia 0.001% of the population

Trichromacy

#223e9f Protanomaly 1% of men, 0.01% of women
#224193 Deuteranomaly 6% of men, 0.4% of women
#534075 Tritanomaly 0.01% of the population

#5f22aa hex color

#5f22aa Color Information

#5f22aa Color Conversion

Color Schemes with #5f22aa

Alternatives to #5f22aa

#5f22aa Preview

Shades and Tints of #5f22aa

Tones of #5f22aa

Color Blindness Simulator