#5224ff Color Information
In a RGB color space, hex #5224ff is composed of 32.2% red, 14.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 85.9% magenta, 0% yellow and 0% black. It has a hue angle of 252.6 degrees, a saturation of 100% and a lightness of 57.1%. #5224ff color hex could be obtained by blending #a448ff with #0000ff. Closest websafe color is: #6633ff.
-
- R 32
- G 14
- B 100
-
- C 68
- M 86
- Y 0
- K 0
● #5224ff color description : Vivid blue.
#5224ff Color Conversion
The hexadecimal color #5224ff has RGB values of R:82, G:36, B:255 and CMYK values of C:0.68, M:0.86, Y:0, K:0. Its decimal value is 5383423.
Hex triplet | 5224ff | #5224ff |
---|---|---|
RGB Decimal | 82, 36, 255 | rgb(82,36,255) |
RGB Percent | 32.2, 14.1, 100 | rgb(32.2%,14.1%,100%) |
CMYK | 68, 86, 0, 0 | |
HSL | 252.6°, 100, 57.1 | hsl(252.6,100%,57.1%) |
HSV (or HSB) | 252.6°, 85.9, 100 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 38.331, 73.54, -97.717 |
---|---|
XYZ | 22.157, 10.275, 95.418 |
xyY | 0.173, 0.08, 10.275 |
CIE-LCH | 38.331, 122.297, 306.965 |
CIE-LUV | 38.331, -3.101, -133.749 |
Hunter-Lab | 32.054, 67.293, -154.056 |
Binary | 01010010, 00100100, 11111111 |
Color Schemes with #5224ff
Alternatives to #5224ff
Below, you can see some colors close to #5224ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5224ff Preview
This text has a font color of #5224ff.
<span style="color:#5224ff;">Text here</span>
This paragraph has a background color of #5224ff.
<p style="background-color:#5224ff;">Content here</p>
This element has a border color of #5224ff.
<div style="border:1px solid #5224ff;">Content here</div>
.text {color:#5224ff;}
.background {background-color:#5224ff;}
.border {border:1px solid #5224ff;}
Shades and Tints of #5224ff
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, #030010 is the darkest color, while #fcfcff is the lightest one.
-
#030010
#030010
rgb(3,0,16)
-
#080024
#080024
rgb(8,0,36)
-
#0c0038
#0c0038
rgb(12,0,56)
-
#10004b
#10004b
rgb(16,0,75)
-
#14005f
#14005f
rgb(20,0,95)
-
#180072
#180072
rgb(24,0,114)
-
#1c0086
#1c0086
rgb(28,0,134)
-
#20009a
#20009a
rgb(32,0,154)
-
#2400ad
#2400ad
rgb(36,0,173)
-
#2900c1
#2900c1
rgb(41,0,193)
-
#2d00d5
#2d00d5
rgb(45,0,213)
-
#3100e8
#3100e8
rgb(49,0,232)
-
#3500fc
#3500fc
rgb(53,0,252)
-
#4310ff
#4310ff
rgb(67,16,255)
-
#5224ff
#5224ff
rgb(82,36,255)
-
#6138ff
#6138ff
rgb(97,56,255)
-
#714bff
#714bff
rgb(113,75,255)
-
#805fff
#805fff
rgb(128,95,255)
-
#9072ff
#9072ff
rgb(144,114,255)
-
#9f86ff
#9f86ff
rgb(159,134,255)
-
#af9aff
#af9aff
rgb(175,154,255)
-
#beadff
#beadff
rgb(190,173,255)
-
#cec1ff
#cec1ff
rgb(206,193,255)
-
#ddd5ff
#ddd5ff
rgb(221,213,255)
-
#ede8ff
#ede8ff
rgb(237,232,255)
-
#fcfcff
#fcfcff
rgb(252,252,255)
Tones of #5224ff
A tone is produced by adding gray to any pure hue. In this case, #8d899a is the less saturated color, while #5224ff is the most saturated one.
-
#8d899a
#8d899a
rgb(141,137,154)
-
#8881a2
#8881a2
rgb(136,129,162)
-
#8378ab
#8378ab
rgb(131,120,171)
-
#7e70b3
#7e70b3
rgb(126,112,179)
-
#7967bc
#7967bc
rgb(121,103,188)
-
#745fc4
#745fc4
rgb(116,95,196)
-
#6f57cc
#6f57cc
rgb(111,87,204)
-
#6a4ed5
#6a4ed5
rgb(106,78,213)
-
#6646dd
#6646dd
rgb(102,70,221)
-
#613de6
#613de6
rgb(97,61,230)
-
#5c35ee
#5c35ee
rgb(92,53,238)
-
#572cf7
#572cf7
rgb(87,44,247)
-
#5224ff
#5224ff
rgb(82,36,255)
Color Blindness Simulator
Below, you can see how #5224ff 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.