#5a22ff Color Information
In a RGB color space, hex #5a22ff is composed of 35.3% red, 13.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 86.7% magenta, 0% yellow and 0% black. It has a hue angle of 255.2 degrees, a saturation of 100% and a lightness of 56.7%. #5a22ff color hex could be obtained by blending #b444ff with #0000ff. Closest websafe color is: #6633ff.
-
- R 35
- G 13
- B 100
-
- C 65
- M 87
- Y 0
- K 0
● #5a22ff color description : Vivid violet.
#5a22ff Color Conversion
The hexadecimal color #5a22ff has RGB values of R:90, G:34, B:255 and CMYK values of C:0.65, M:0.87, Y:0, K:0. Its decimal value is 5907199.
Hex triplet | 5a22ff | #5a22ff |
---|---|---|
RGB Decimal | 90, 34, 255 | rgb(90,34,255) |
RGB Percent | 35.3, 13.3, 100 | rgb(35.3%,13.3%,100%) |
CMYK | 65, 87, 0, 0 | |
HSL | 255.2°, 100, 56.7 | hsl(255.2,100%,56.7%) |
HSV (or HSB) | 255.2°, 86.7, 100 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 38.789, 74.672, -96.936 |
---|---|
XYZ | 22.835, 10.537, 95.433 |
xyY | 0.177, 0.082, 10.537 |
CIE-LCH | 38.789, 122.362, 307.608 |
CIE-LUV | 38.789, -1.174, -133.806 |
Hunter-Lab | 32.46, 68.765, -151.589 |
Binary | 01011010, 00100010, 11111111 |
Color Schemes with #5a22ff
Alternatives to #5a22ff
Below, you can see some colors close to #5a22ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5a22ff Preview
This text has a font color of #5a22ff.
<span style="color:#5a22ff;">Text here</span>
This paragraph has a background color of #5a22ff.
<p style="background-color:#5a22ff;">Content here</p>
This element has a border color of #5a22ff.
<div style="border:1px solid #5a22ff;">Content here</div>
.text {color:#5a22ff;}
.background {background-color:#5a22ff;}
.border {border:1px solid #5a22ff;}
Shades and Tints of #5a22ff
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, #04000e is the darkest color, while #fbfaff is the lightest one.
-
#04000e
#04000e
rgb(4,0,14)
-
#090022
#090022
rgb(9,0,34)
-
#0e0036
#0e0036
rgb(14,0,54)
-
#130049
#130049
rgb(19,0,73)
-
#18005d
#18005d
rgb(24,0,93)
-
#1c0070
#1c0070
rgb(28,0,112)
-
#210084
#210084
rgb(33,0,132)
-
#260098
#260098
rgb(38,0,152)
-
#2b00ab
#2b00ab
rgb(43,0,171)
-
#3000bf
#3000bf
rgb(48,0,191)
-
#3500d3
#3500d3
rgb(53,0,211)
-
#3a00e6
#3a00e6
rgb(58,0,230)
-
#3f00fa
#3f00fa
rgb(63,0,250)
-
#4b0eff
#4b0eff
rgb(75,14,255)
-
#5a22ff
#5a22ff
rgb(90,34,255)
-
#6936ff
#6936ff
rgb(105,54,255)
-
#7749ff
#7749ff
rgb(119,73,255)
-
#865dff
#865dff
rgb(134,93,255)
-
#9570ff
#9570ff
rgb(149,112,255)
-
#a384ff
#a384ff
rgb(163,132,255)
-
#b298ff
#b298ff
rgb(178,152,255)
-
#c1abff
#c1abff
rgb(193,171,255)
-
#cfbfff
#cfbfff
rgb(207,191,255)
-
#ded3ff
#ded3ff
rgb(222,211,255)
-
#ece6ff
#ece6ff
rgb(236,230,255)
-
#fbfaff
#fbfaff
rgb(251,250,255)
Tones of #5a22ff
A tone is produced by adding gray to any pure hue. In this case, #8c8899 is the less saturated color, while #5a22ff is the most saturated one.
-
#8c8899
#8c8899
rgb(140,136,153)
-
#8880a2
#8880a2
rgb(136,128,162)
-
#8477aa
#8477aa
rgb(132,119,170)
-
#806fb3
#806fb3
rgb(128,111,179)
-
#7c66bb
#7c66bb
rgb(124,102,187)
-
#775ec4
#775ec4
rgb(119,94,196)
-
#7355cc
#7355cc
rgb(115,85,204)
-
#6f4dd5
#6f4dd5
rgb(111,77,213)
-
#6b44dd
#6b44dd
rgb(107,68,221)
-
#673ce6
#673ce6
rgb(103,60,230)
-
#6233ee
#6233ee
rgb(98,51,238)
-
#5e2bf7
#5e2bf7
rgb(94,43,247)
-
#5a22ff
#5a22ff
rgb(90,34,255)
Color Blindness Simulator
Below, you can see how #5a22ff 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.