#5a22fc hex color

In a RGB color space, hex #5a22fc is composed of 35.3% red, 13.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 86.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 255.4 degrees, a saturation of 97.3% and a lightness of 56.1%. #5a22fc color hex could be obtained by blending #b444ff with #0000f9. Closest websafe color is: #6633ff.

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

● #5a22fc color description : Vivid violet.

The hexadecimal color #5a22fc has RGB values of R:90, G:34, B:252 and CMYK values of C:0.64, M:0.87, Y:0, K:0.01. Its decimal value is 5907196.

Hex triplet	5a22fc	`#5a22fc`
RGB Decimal	90, 34, 252	`rgb(90,34,252)`
RGB Percent	35.3, 13.3, 98.8	`rgb(35.3%,13.3%,98.8%)`
CMYK	64, 87, 0, 1
HSL	255.4°, 97.3, 56.1	`hsl(255.4,97.3%,56.1%)`
HSV (or HSB)	255.4°, 86.5, 98.8
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.455, 73.923, -95.81
XYZ	22.356, 10.345, 92.909
xyY	0.178, 0.082, 10.345
CIE-LCH	38.455, 121.013, 307.652
CIE-LUV	38.455, -0.923, -132.113
Hunter-Lab	32.164, 67.782, -148.751
Binary	01011010, 00100010, 11111100

#5a22fc
```
#5a22fc rgb(90,34,252)
```
#c4fc22
```
#c4fc22 rgb(196,252,34)
```

Complementary Color

#2257fc
```
#2257fc rgb(34,87,252)
```
#5a22fc
```
#5a22fc rgb(90,34,252)
```
#c722fc
```
#c722fc rgb(199,34,252)
```

Analogous Color

#57fc22
```
#57fc22 rgb(87,252,34)
```
#5a22fc
```
#5a22fc rgb(90,34,252)
```
#fcc722
```
#fcc722 rgb(252,199,34)
```

Split Complementary Color

#22fc5a
```
#22fc5a rgb(34,252,90)
```
#5a22fc
```
#5a22fc rgb(90,34,252)
```
#fc5a22
```
#fc5a22 rgb(252,90,34)
```

Triadic Color

#22c4fc
```
#22c4fc rgb(34,196,252)
```
#5a22fc
```
#5a22fc rgb(90,34,252)
```
#fc5a22
```
#fc5a22 rgb(252,90,34)
```
#c4fc22
```
#c4fc22 rgb(196,252,34)
```

Tetradic Color

#3703cf
```
#3703cf rgb(55,3,207)
```
#3e03e8
```
#3e03e8 rgb(62,3,232)
```
#4709fc
```
#4709fc rgb(71,9,252)
```
#5a22fc
```
#5a22fc rgb(90,34,252)
```
#6d3bfc
```
#6d3bfc rgb(109,59,252)
```
#8054fd
```
#8054fd rgb(128,84,253)
```
#926dfd
```
#926dfd rgb(146,109,253)
```

Monochromatic Color

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

#2422fc
```
#2422fc rgb(36,34,252)
```
#3622fc
```
#3622fc rgb(54,34,252)
```
#4822fc
```
#4822fc rgb(72,34,252)
```
#5a22fc
```
#5a22fc rgb(90,34,252)
```
#6c22fc
```
#6c22fc rgb(108,34,252)
```
#7e22fc
```
#7e22fc rgb(126,34,252)
```
#9122fc
```
#9122fc rgb(145,34,252)
```

Similar Colors

Text with hexadecimal color #5a22fc

This text has a font color of #5a22fc.

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

#5a22fc background color

This paragraph has a background color of #5a22fc.

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

#5a22fc border color

This element has a border color of #5a22fc.

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

CSS codes

.text {color:#5a22fc;}

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

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

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

#03000b
```
#03000b rgb(3,0,11)
```
#08001f
```
#08001f rgb(8,0,31)
```
#0d0132
```
#0d0132 rgb(13,1,50)
```
#120145
```
#120145 rgb(18,1,69)
```
#180159
```
#180159 rgb(24,1,89)
```
#1d016c
```
#1d016c rgb(29,1,108)
```
#22027f
```
#22027f rgb(34,2,127)
```
#270293
```
#270293 rgb(39,2,147)
```
#2c02a6
```
#2c02a6 rgb(44,2,166)
```
#3103b9
```
#3103b9 rgb(49,3,185)
```
#3703cd
```
#3703cd rgb(55,3,205)
```
#3c03e0
```
#3c03e0 rgb(60,3,224)
```
#4103f3
```
#4103f3 rgb(65,3,243)
```

Shade Color Variation

#4c0ffc
```
#4c0ffc rgb(76,15,252)
```
#5a22fc
```
#5a22fc rgb(90,34,252)
```
#6835fc
```
#6835fc rgb(104,53,252)
```
#7749fd
```
#7749fd rgb(119,73,253)
```
#855cfd
```
#855cfd rgb(133,92,253)
```
#946ffd
```
#946ffd rgb(148,111,253)
```
#a283fd
```
#a283fd rgb(162,131,253)
```
#b196fe
```
#b196fe rgb(177,150,254)
```
#bfa9fe
```
#bfa9fe rgb(191,169,254)
```
#cebdfe
```
#cebdfe rgb(206,189,254)
```
#dcd0fe
```
#dcd0fe rgb(220,208,254)
```
#eae4ff
```
#eae4ff rgb(234,228,255)
```
#f9f7ff
```
#f9f7ff rgb(249,247,255)
```

Tint Color Variation

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

#8c8995
```
#8c8995 rgb(140,137,149)
```
#88819d
```
#88819d rgb(136,129,157)
```
#8478a6
```
#8478a6 rgb(132,120,166)
```
#8070ae
```
#8070ae rgb(128,112,174)
```
#7c67b7
```
#7c67b7 rgb(124,103,183)
```
#775ec0
```
#775ec0 rgb(119,94,192)
```
#7356c8
```
#7356c8 rgb(115,86,200)
```
#6f4dd1
```
#6f4dd1 rgb(111,77,209)
```
#6b44da
```
#6b44da rgb(107,68,218)
```
#673ce2
```
#673ce2 rgb(103,60,226)
```
#6233eb
```
#6233eb rgb(98,51,235)
```
#5e2bf3
```
#5e2bf3 rgb(94,43,243)
```
#5a22fc
```
#5a22fc rgb(90,34,252)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4f446f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060ba Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#2049d2 Protanomaly 1% of men, 0.01% of women
#204dc2 Deuteranomaly 6% of men, 0.4% of women
#2051a4 Tritanomaly 0.01% of the population

#5a22fc hex color

#5a22fc Color Information

#5a22fc Color Conversion

Color Schemes with #5a22fc

Alternatives to #5a22fc

#5a22fc Preview

Shades and Tints of #5a22fc

Tones of #5a22fc

Color Blindness Simulator