#5f22fd hex color

In a RGB color space, hex #5f22fd is composed of 37.3% red, 13.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 86.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 256.7 degrees, a saturation of 98.2% and a lightness of 56.3%. #5f22fd color hex could be obtained by blending #be44ff with #0000fb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 37
- G 13
- B 99
RGB color chart
- C 62
- M 87
- Y 0
- K 1
CMYK color chart

● #5f22fd color description : Vivid violet.

The hexadecimal color #5f22fd has RGB values of R:95, G:34, B:253 and CMYK values of C:0.62, M:0.87, Y:0, K:0.01. Its decimal value is 6234877.

Hex triplet	5f22fd	`#5f22fd`
RGB Decimal	95, 34, 253	`rgb(95,34,253)`
RGB Percent	37.3, 13.3, 99.2	`rgb(37.3%,13.3%,99.2%)`
CMYK	62, 87, 0, 1
HSL	256.7°, 98.2, 56.3	`hsl(256.7,98.2%,56.3%)`
HSV (or HSB)	256.7°, 86.6, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.016, 74.522, -95.427
XYZ	23.018, 10.668, 93.769
xyY	0.181, 0.084, 10.668
CIE-LCH	39.016, 121.078, 307.987
CIE-LUV	39.016, 0.224, -132.668
Hunter-Lab	32.662, 68.635, -147.353
Binary	01011111, 00100010, 11111101

#5f22fd
```
#5f22fd rgb(95,34,253)
```
#c0fd22
```
#c0fd22 rgb(192,253,34)
```

Complementary Color

#2252fd
```
#2252fd rgb(34,82,253)
```
#5f22fd
```
#5f22fd rgb(95,34,253)
```
#cd22fd
```
#cd22fd rgb(205,34,253)
```

Analogous Color

#52fd22
```
#52fd22 rgb(82,253,34)
```
#5f22fd
```
#5f22fd rgb(95,34,253)
```
#fdcd22
```
#fdcd22 rgb(253,205,34)
```

Split Complementary Color

#22fd5f
```
#22fd5f rgb(34,253,95)
```
#5f22fd
```
#5f22fd rgb(95,34,253)
```
#fd5f22
```
#fd5f22 rgb(253,95,34)
```

Triadic Color

#22c0fd
```
#22c0fd rgb(34,192,253)
```
#5f22fd
```
#5f22fd rgb(95,34,253)
```
#fd5f22
```
#fd5f22 rgb(253,95,34)
```
#c0fd22
```
#c0fd22 rgb(192,253,34)
```

Tetradic Color

#3b02d1
```
#3b02d1 rgb(59,2,209)
```
#4302ea
```
#4302ea rgb(67,2,234)
```
#4d09fd
```
#4d09fd rgb(77,9,253)
```
#5f22fd
```
#5f22fd rgb(95,34,253)
```
#713bfd
```
#713bfd rgb(113,59,253)
```
#8455fd
```
#8455fd rgb(132,85,253)
```
#966efe
```
#966efe rgb(150,110,254)
```

Monochromatic Color

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

#2822fd
```
#2822fd rgb(40,34,253)
```
#3b22fd
```
#3b22fd rgb(59,34,253)
```
#4d22fd
```
#4d22fd rgb(77,34,253)
```
#5f22fd
```
#5f22fd rgb(95,34,253)
```
#7122fd
```
#7122fd rgb(113,34,253)
```
#8422fd
```
#8422fd rgb(132,34,253)
```
#9622fd
```
#9622fd rgb(150,34,253)
```

Similar Colors

Text with hexadecimal color #5f22fd

This text has a font color of #5f22fd.

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

#5f22fd background color

This paragraph has a background color of #5f22fd.

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

#5f22fd border color

This element has a border color of #5f22fd.

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

CSS codes

.text {color:#5f22fd;}

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

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

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, #03000c is the darkest color, while #faf8ff is the lightest one.

#03000c
```
#03000c rgb(3,0,12)
```
#090020
```
#090020 rgb(9,0,32)
```
#0f0033
```
#0f0033 rgb(15,0,51)
```
#140147
```
#140147 rgb(20,1,71)
```
#1a015a
```
#1a015a rgb(26,1,90)
```
#1f016d
```
#1f016d rgb(31,1,109)
```
#250181
```
#250181 rgb(37,1,129)
```
#2a0194
```
#2a0194 rgb(42,1,148)
```
#3002a8
```
#3002a8 rgb(48,2,168)
```
#3502bb
```
#3502bb rgb(53,2,187)
```
#3b02cf
```
#3b02cf rgb(59,2,207)
```
#4002e2
```
#4002e2 rgb(64,2,226)
```
#4602f6
```
#4602f6 rgb(70,2,246)
```

Shade Color Variation

#510ffd
```
#510ffd rgb(81,15,253)
```
#5f22fd
```
#5f22fd rgb(95,34,253)
```
#6d35fd
```
#6d35fd rgb(109,53,253)
```
#7b49fd
```
#7b49fd rgb(123,73,253)
```
#895cfe
```
#895cfe rgb(137,92,254)
```
#9770fe
```
#9770fe rgb(151,112,254)
```
#a583fe
```
#a583fe rgb(165,131,254)
```
#b397fe
```
#b397fe rgb(179,151,254)
```
#c2aafe
```
#c2aafe rgb(194,170,254)
```
#d0befe
```
#d0befe rgb(208,190,254)
```
#ded1ff
```
#ded1ff rgb(222,209,255)
```
#ece4ff
```
#ece4ff rgb(236,228,255)
```
#faf8ff
```
#faf8ff rgb(250,248,255)
```

Tint Color Variation

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

#8d8996
```
#8d8996 rgb(141,137,150)
```
#89809f
```
#89809f rgb(137,128,159)
```
#8578a7
```
#8578a7 rgb(133,120,167)
```
#816fb0
```
#816fb0 rgb(129,111,176)
```
#7d67b8
```
#7d67b8 rgb(125,103,184)
```
#7a5ec1
```
#7a5ec1 rgb(122,94,193)
```
#7655ca
```
#7655ca rgb(118,85,202)
```
#724dd2
```
#724dd2 rgb(114,77,210)
```
#6e44db
```
#6e44db rgb(110,68,219)
```
#6a3ce3
```
#6a3ce3 rgb(106,60,227)
```
#6733ec
```
#6733ec rgb(103,51,236)
```
#632bf4
```
#632bf4 rgb(99,43,244)
```
#5f22fd
```
#5f22fd rgb(95,34,253)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#514470 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a3 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#224ad4 Protanomaly 1% of men, 0.01% of women
#224ec4 Deuteranomaly 6% of men, 0.4% of women
#2252a6 Tritanomaly 0.01% of the population

#5f22fd hex color

#5f22fd Color Information

#5f22fd Color Conversion

Color Schemes with #5f22fd

Alternatives to #5f22fd

#5f22fd Preview

Shades and Tints of #5f22fd

Tones of #5f22fd

Color Blindness Simulator