#5b22af hex color

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

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

● #5b22af color description : Dark violet.

The hexadecimal color #5b22af has RGB values of R:91, G:34, B:175 and CMYK values of C:0.48, M:0.81, Y:0, K:0.31. Its decimal value is 5972655.

Hex triplet	5b22af	`#5b22af`
RGB Decimal	91, 34, 175	`rgb(91,34,175)`
RGB Percent	35.7, 13.3, 68.6	`rgb(35.7%,13.3%,68.6%)`
CMYK	48, 81, 0, 31
HSL	264.3°, 67.5, 41	`hsl(264.3,67.5%,41%)`
HSV (or HSB)	264.3°, 80.6, 68.6
Web Safe	663399	`#663399`

CIE-LAB	30.552, 54.444, -64.322
XYZ	12.623, 6.463, 41.138
xyY	0.21, 0.107, 6.463
CIE-LCH	30.552, 84.27, 310.245
CIE-LUV	30.552, 7.498, -86.85
Hunter-Lab	25.423, 44.138, -78.143
Binary	01011011, 00100010, 10101111

#5b22af
```
#5b22af rgb(91,34,175)
```
#76af22
```
#76af22 rgb(118,175,34)
```

Complementary Color

#2230af
```
#2230af rgb(34,48,175)
```
#5b22af
```
#5b22af rgb(91,34,175)
```
#a222af
```
#a222af rgb(162,34,175)
```

Analogous Color

#30af22
```
#30af22 rgb(48,175,34)
```
#5b22af
```
#5b22af rgb(91,34,175)
```
#afa222
```
#afa222 rgb(175,162,34)
```

Split Complementary Color

#22af5b
```
#22af5b rgb(34,175,91)
```
#5b22af
```
#5b22af rgb(91,34,175)
```
#af5b22
```
#af5b22 rgb(175,91,34)
```

Triadic Color

#2276af
```
#2276af rgb(34,118,175)
```
#5b22af
```
#5b22af rgb(91,34,175)
```
#af5b22
```
#af5b22 rgb(175,91,34)
```
#76af22
```
#76af22 rgb(118,175,34)
```

Tetradic Color

#3a166f
```
#3a166f rgb(58,22,111)
```
#451a84
```
#451a84 rgb(69,26,132)
```
#501e9a
```
#501e9a rgb(80,30,154)
```
#5b22af
```
#5b22af rgb(91,34,175)
```
#6626c4
```
#6626c4 rgb(102,38,196)
```
#722ed6
```
#722ed6 rgb(114,46,214)
```
#8043da
```
#8043da rgb(128,67,218)
```

Monochromatic Color

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

#3822af
```
#3822af rgb(56,34,175)
```
#4322af
```
#4322af rgb(67,34,175)
```
#4f22af
```
#4f22af rgb(79,34,175)
```
#5b22af
```
#5b22af rgb(91,34,175)
```
#6722af
```
#6722af rgb(103,34,175)
```
#7322af
```
#7322af rgb(115,34,175)
```
#7e22af
```
#7e22af rgb(126,34,175)
```

Similar Colors

Text with hexadecimal color #5b22af

This text has a font color of #5b22af.

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

#5b22af background color

This paragraph has a background color of #5b22af.

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

#5b22af border color

This element has a border color of #5b22af.

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

CSS codes

.text {color:#5b22af;}

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

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

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)
```
#17082c
```
#17082c rgb(23,8,44)
```
#1f0c3c
```
#1f0c3c rgb(31,12,60)
```
#280f4c
```
#280f4c rgb(40,15,76)
```
#30125d
```
#30125d rgb(48,18,93)
```
#39156d
```
#39156d rgb(57,21,109)
```
#41187e
```
#41187e rgb(65,24,126)
```
#4a1c8e
```
#4a1c8e rgb(74,28,142)
```
#521f9f
```
#521f9f rgb(82,31,159)
```
#5b22af
```
#5b22af rgb(91,34,175)
```
#6425bf
```
#6425bf rgb(100,37,191)
```
#6c28d0
```
#6c28d0 rgb(108,40,208)
```

Shade Color Variation

#7634d8
```
#7634d8 rgb(118,52,216)
```
#8145db
```
#8145db rgb(129,69,219)
```
#8c55de
```
#8c55de rgb(140,85,222)
```
#9866e1
```
#9866e1 rgb(152,102,225)
```
#a376e4
```
#a376e4 rgb(163,118,228)
```
#ae86e8
```
#ae86e8 rgb(174,134,232)
```
#b997eb
```
#b997eb rgb(185,151,235)
```
#c4a7ee
```
#c4a7ee rgb(196,167,238)
```
#cfb8f1
```
#cfb8f1 rgb(207,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 #5502cf is the most saturated one.

#67626f
```
#67626f rgb(103,98,111)
```
#665a77
```
#665a77 rgb(102,90,119)
```
#64527f
```
#64527f rgb(100,82,127)
```
#634a87
```
#634a87 rgb(99,74,135)
```
#61428f
```
#61428f rgb(97,66,143)
```
#603a97
```
#603a97 rgb(96,58,151)
```
#5e329f
```
#5e329f rgb(94,50,159)
```
#5d2aa7
```
#5d2aa7 rgb(93,42,167)
```
#5b22af
```
#5b22af rgb(91,34,175)
```
#591ab7
```
#591ab7 rgb(89,26,183)
```
#5812bf
```
#5812bf rgb(88,18,191)
```
#560ac7
```
#560ac7 rgb(86,10,199)
```
#5502cf
```
#5502cf rgb(85,2,207)
```

Tone Color Variation

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

#004f99 Protanopia 1% of men
#005386 Deuteranopia 1% of men
#455359 Tritanopia 0.001% of the population

Trichromacy

#213ea1 Protanomaly 1% of men, 0.01% of women
#214195 Deuteranomaly 6% of men, 0.4% of women
#4d4178 Tritanomaly 0.01% of the population

#5b22af hex color

#5b22af Color Information

#5b22af Color Conversion

Color Schemes with #5b22af

Alternatives to #5b22af

#5b22af Preview

Shades and Tints of #5b22af

Tones of #5b22af

Color Blindness Simulator