#5f22b8 hex color

In a RGB color space, hex #5f22b8 is composed of 37.3% red, 13.3% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 81.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 264.4 degrees, a saturation of 68.8% and a lightness of 42.7%. #5f22b8 color hex could be obtained by blending #be44ff with #000071. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 13
- B 72
RGB color chart
- C 48
- M 82
- Y 0
- K 28
CMYK color chart

● #5f22b8 color description : Strong violet.

The hexadecimal color #5f22b8 has RGB values of R:95, G:34, B:184 and CMYK values of C:0.48, M:0.82, Y:0, K:0.28. Its decimal value is 6234808.

Hex triplet	5f22b8	`#5f22b8`
RGB Decimal	95, 34, 184	`rgb(95,34,184)`
RGB Percent	37.3, 13.3, 72.2	`rgb(37.3%,13.3%,72.2%)`
CMYK	48, 82, 0, 28
HSL	264.4°, 68.8, 42.7	`hsl(264.4,68.8%,42.7%)`
HSV (or HSB)	264.4°, 81.5, 72.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	31.892, 57.259, -67.464
XYZ	13.942, 7.038, 45.969
xyY	0.208, 0.105, 7.038
CIE-LCH	31.892, 88.487, 310.322
CIE-LUV	31.892, 7.796, -92.156
Hunter-Lab	26.528, 47.384, -84.169
Binary	01011111, 00100010, 10111000

#5f22b8
```
#5f22b8 rgb(95,34,184)
```
#7bb822
```
#7bb822 rgb(123,184,34)
```

Complementary Color

#2230b8
```
#2230b8 rgb(34,48,184)
```
#5f22b8
```
#5f22b8 rgb(95,34,184)
```
#aa22b8
```
#aa22b8 rgb(170,34,184)
```

Analogous Color

#30b822
```
#30b822 rgb(48,184,34)
```
#5f22b8
```
#5f22b8 rgb(95,34,184)
```
#b8aa22
```
#b8aa22 rgb(184,170,34)
```

Split Complementary Color

#22b85f
```
#22b85f rgb(34,184,95)
```
#5f22b8
```
#5f22b8 rgb(95,34,184)
```
#b85f22
```
#b85f22 rgb(184,95,34)
```

Triadic Color

#227bb8
```
#227bb8 rgb(34,123,184)
```
#5f22b8
```
#5f22b8 rgb(95,34,184)
```
#b85f22
```
#b85f22 rgb(184,95,34)
```
#7bb822
```
#7bb822 rgb(123,184,34)
```

Tetradic Color

#3e1677
```
#3e1677 rgb(62,22,119)
```
#491a8d
```
#491a8d rgb(73,26,141)
```
#541ea2
```
#541ea2 rgb(84,30,162)
```
#5f22b8
```
#5f22b8 rgb(95,34,184)
```
#6a26ce
```
#6a26ce rgb(106,38,206)
```
#7734d9
```
#7734d9 rgb(119,52,217)
```
#8549dd
```
#8549dd rgb(133,73,221)
```

Monochromatic Color

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

#3922b8
```
#3922b8 rgb(57,34,184)
```
#4622b8
```
#4622b8 rgb(70,34,184)
```
#5322b8
```
#5322b8 rgb(83,34,184)
```
#5f22b8
```
#5f22b8 rgb(95,34,184)
```
#6c22b8
```
#6c22b8 rgb(108,34,184)
```
#7822b8
```
#7822b8 rgb(120,34,184)
```
#8522b8
```
#8522b8 rgb(133,34,184)
```

Similar Colors

Text with hexadecimal color #5f22b8

This text has a font color of #5f22b8.

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

#5f22b8 background color

This paragraph has a background color of #5f22b8.

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

#5f22b8 border color

This element has a border color of #5f22b8.

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

CSS codes

.text {color:#5f22b8;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0a0312
```
#0a0312 rgb(10,3,18)
```
#120623
```
#120623 rgb(18,6,35)
```
#1b0a34
```
#1b0a34 rgb(27,10,52)
```
#230d44
```
#230d44 rgb(35,13,68)
```
#2c1055
```
#2c1055 rgb(44,16,85)
```
#341365
```
#341365 rgb(52,19,101)
```
#3d1676
```
#3d1676 rgb(61,22,118)
```
#451986
```
#451986 rgb(69,25,134)
```
#4e1c97
```
#4e1c97 rgb(78,28,151)
```
#561fa7
```
#561fa7 rgb(86,31,167)
```
#5f22b8
```
#5f22b8 rgb(95,34,184)
```
#6825c9
```
#6825c9 rgb(104,37,201)
```

Shade Color Variation

#702ad8
```
#702ad8 rgb(112,42,216)
```
#7b3adb
```
#7b3adb rgb(123,58,219)
```
#874bde
```
#874bde rgb(135,75,222)
```
#925be1
```
#925be1 rgb(146,91,225)
```
#9d6ce4
```
#9d6ce4 rgb(157,108,228)
```
#a87ce7
```
#a87ce7 rgb(168,124,231)
```
#b38dea
```
#b38dea rgb(179,141,234)
```
#be9eed
```
#be9eed rgb(190,158,237)
```
#c9aef0
```
#c9aef0 rgb(201,174,240)
```
#d4bff3
```
#d4bff3 rgb(212,191,243)
```
#dfcff6
```
#dfcff6 rgb(223,207,246)
```
#eae0f9
```
#eae0f9 rgb(234,224,249)
```
#f5f0fc
```
#f5f0fc rgb(245,240,252)
```

Tint Color Variation

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

#6c6575
```
#6c6575 rgb(108,101,117)
```
#6a5d7d
```
#6a5d7d rgb(106,93,125)
```
#685486
```
#685486 rgb(104,84,134)
```
#674c8e
```
#674c8e rgb(103,76,142)
```
#654496
```
#654496 rgb(101,68,150)
```
#643b9f
```
#643b9f rgb(100,59,159)
```
#6233a7
```
#6233a7 rgb(98,51,167)
```
#612ab0
```
#612ab0 rgb(97,42,176)
```
#5f22b8
```
#5f22b8 rgb(95,34,184)
```
#5d1ac0
```
#5d1ac0 rgb(93,26,192)
```
#5c11c9
```
#5c11c9 rgb(92,17,201)
```
#5a09d1
```
#5a09d1 rgb(90,9,209)
```
#5900da
```
#5900da rgb(89,0,218)
```

Tone Color Variation

Below, you can see how #5f22b8 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
#4a3e5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#00568b Deuteranopia 1% of men
#46575d Tritanopia 0.001% of the population

Trichromacy

#2240a8 Protanomaly 1% of men, 0.01% of women
#22439b Deuteranomaly 6% of men, 0.4% of women
#4f437e Tritanomaly 0.01% of the population

#5f22b8 hex color

#5f22b8 Color Information

#5f22b8 Color Conversion

Color Schemes with #5f22b8

Alternatives to #5f22b8

#5f22b8 Preview

Shades and Tints of #5f22b8

Tones of #5f22b8

Color Blindness Simulator