#5f22b4 hex color

In a RGB color space, hex #5f22b4 is composed of 37.3% red, 13.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 81.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 265.1 degrees, a saturation of 68.2% and a lightness of 42%. #5f22b4 color hex could be obtained by blending #be44ff with #000069. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 13
- B 71
RGB color chart
- C 47
- M 81
- Y 0
- K 29
CMYK color chart

● #5f22b4 color description : Strong violet.

The hexadecimal color #5f22b4 has RGB values of R:95, G:34, B:180 and CMYK values of C:0.47, M:0.81, Y:0, K:0.29. Its decimal value is 6234804.

Hex triplet	5f22b4	`#5f22b4`
RGB Decimal	95, 34, 180	`rgb(95,34,180)`
RGB Percent	37.3, 13.3, 70.6	`rgb(37.3%,13.3%,70.6%)`
CMYK	47, 81, 0, 29
HSL	265.1°, 68.2, 42	`hsl(265.1,68.2%,42%)`
HSV (or HSB)	265.1°, 81.1, 70.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	31.514, 56.256, -65.708
XYZ	13.528, 6.872, 43.791
xyY	0.211, 0.107, 6.872
CIE-LCH	31.514, 86.5, 310.568
CIE-LUV	31.514, 8.345, -89.691
Hunter-Lab	26.215, 46.239, -80.692
Binary	01011111, 00100010, 10110100

#5f22b4
```
#5f22b4 rgb(95,34,180)
```
#77b422
```
#77b422 rgb(119,180,34)
```

Complementary Color

#222eb4
```
#222eb4 rgb(34,46,180)
```
#5f22b4
```
#5f22b4 rgb(95,34,180)
```
#a822b4
```
#a822b4 rgb(168,34,180)
```

Analogous Color

#2eb422
```
#2eb422 rgb(46,180,34)
```
#5f22b4
```
#5f22b4 rgb(95,34,180)
```
#b4a822
```
#b4a822 rgb(180,168,34)
```

Split Complementary Color

#22b45f
```
#22b45f rgb(34,180,95)
```
#5f22b4
```
#5f22b4 rgb(95,34,180)
```
#b45f22
```
#b45f22 rgb(180,95,34)
```

Triadic Color

#2277b4
```
#2277b4 rgb(34,119,180)
```
#5f22b4
```
#5f22b4 rgb(95,34,180)
```
#b45f22
```
#b45f22 rgb(180,95,34)
```
#77b422
```
#77b422 rgb(119,180,34)
```

Tetradic Color

#3d1674
```
#3d1674 rgb(61,22,116)
```
#481a89
```
#481a89 rgb(72,26,137)
```
#541e9f
```
#541e9f rgb(84,30,159)
```
#5f22b4
```
#5f22b4 rgb(95,34,180)
```
#6a26c9
```
#6a26c9 rgb(106,38,201)
```
#7731d8
```
#7731d8 rgb(119,49,216)
```
#8546dc
```
#8546dc rgb(133,70,220)
```

Monochromatic Color

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

#3a22b4
```
#3a22b4 rgb(58,34,180)
```
#4722b4
```
#4722b4 rgb(71,34,180)
```
#5322b4
```
#5322b4 rgb(83,34,180)
```
#5f22b4
```
#5f22b4 rgb(95,34,180)
```
#6b22b4
```
#6b22b4 rgb(107,34,180)
```
#7722b4
```
#7722b4 rgb(119,34,180)
```
#8422b4
```
#8422b4 rgb(132,34,180)
```

Similar Colors

Text with hexadecimal color #5f22b4

This text has a font color of #5f22b4.

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

#5f22b4 background color

This paragraph has a background color of #5f22b4.

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

#5f22b4 border color

This element has a border color of #5f22b4.

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

CSS codes

.text {color:#5f22b4;}

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

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

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, #08030f is the darkest color, while #fefeff is the lightest one.

#08030f
```
#08030f rgb(8,3,15)
```
#110620
```
#110620 rgb(17,6,32)
```
#190930
```
#190930 rgb(25,9,48)
```
#220c41
```
#220c41 rgb(34,12,65)
```
#2b0f51
```
#2b0f51 rgb(43,15,81)
```
#331262
```
#331262 rgb(51,18,98)
```
#3c1672
```
#3c1672 rgb(60,22,114)
```
#451983
```
#451983 rgb(69,25,131)
```
#4e1c93
```
#4e1c93 rgb(78,28,147)
```
#561fa4
```
#561fa4 rgb(86,31,164)
```
#5f22b4
```
#5f22b4 rgb(95,34,180)
```
#6825c4
```
#6825c4 rgb(104,37,196)
```
#7028d5
```
#7028d5 rgb(112,40,213)
```

Shade Color Variation

#7b38d9
```
#7b38d9 rgb(123,56,217)
```
#8648dc
```
#8648dc rgb(134,72,220)
```
#9159e0
```
#9159e0 rgb(145,89,224)
```
#9c69e3
```
#9c69e3 rgb(156,105,227)
```
#a77ae6
```
#a77ae6 rgb(167,122,230)
```
#b28ae9
```
#b28ae9 rgb(178,138,233)
```
#bd9bec
```
#bd9bec rgb(189,155,236)
```
#c7abef
```
#c7abef rgb(199,171,239)
```
#d2bcf2
```
#d2bcf2 rgb(210,188,242)
```
#ddccf5
```
#ddccf5 rgb(221,204,245)
```
#e8ddf8
```
#e8ddf8 rgb(232,221,248)
```
#f3edfc
```
#f3edfc rgb(243,237,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6472 is the less saturated color, while #5a01d5 is the most saturated one.

#6a6472
```
#6a6472 rgb(106,100,114)
```
#685c7a
```
#685c7a rgb(104,92,122)
```
#675383
```
#675383 rgb(103,83,131)
```
#664b8b
```
#664b8b rgb(102,75,139)
```
#644393
```
#644393 rgb(100,67,147)
```
#633b9b
```
#633b9b rgb(99,59,155)
```
#6232a4
```
#6232a4 rgb(98,50,164)
```
#602aac
```
#602aac rgb(96,42,172)
```
#5f22b4
```
#5f22b4 rgb(95,34,180)
```
#5e1abc
```
#5e1abc rgb(94,26,188)
```
#5c12c4
```
#5c12c4 rgb(92,18,196)
```
#5b09cd
```
#5b09cd rgb(91,9,205)
```
#5a01d5
```
#5a01d5 rgb(90,1,213)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#4a3e5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005589 Deuteranopia 1% of men
#48555b Tritanopia 0.001% of the population

Trichromacy

#2240a5 Protanomaly 1% of men, 0.01% of women
#224299 Deuteranomaly 6% of men, 0.4% of women
#50427b Tritanomaly 0.01% of the population

#5f22b4 hex color

#5f22b4 Color Information

#5f22b4 Color Conversion

Color Schemes with #5f22b4

Alternatives to #5f22b4

#5f22b4 Preview

Shades and Tints of #5f22b4

Tones of #5f22b4

Color Blindness Simulator