#5334ff Color Information
In a RGB color space, hex #5334ff is composed of 32.5% red, 20.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 79.6% magenta, 0% yellow and 0% black. It has a hue angle of 249.2 degrees, a saturation of 100% and a lightness of 60.2%. #5334ff color hex could be obtained by blending #a668ff with #0000ff. Closest websafe color is: #6633ff.
-
- R 33
- G 20
- B 100
-
- C 67
- M 80
- Y 0
- K 0
● #5334ff color description : Light blue.
#5334ff Color Conversion
The hexadecimal color #5334ff has RGB values of R:83, G:52, B:255 and CMYK values of C:0.67, M:0.8, Y:0, K:0. Its decimal value is 5453055.
Hex triplet | 5334ff | #5334ff |
---|---|---|
RGB Decimal | 83, 52, 255 | rgb(83,52,255) |
RGB Percent | 32.5, 20.4, 100 | rgb(32.5%,20.4%,100%) |
CMYK | 67, 80, 0, 0 | |
HSL | 249.2°, 100, 60.2 | hsl(249.2,100%,60.2%) |
HSV (or HSB) | 249.2°, 79.6, 100 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 40.433, 67.617, -94.228 |
---|---|
XYZ | 22.842, 11.514, 95.621 |
xyY | 0.176, 0.089, 11.514 |
CIE-LCH | 40.433, 115.978, 305.663 |
CIE-LUV | 40.433, -4.438, -133.263 |
Hunter-Lab | 33.932, 60.778, -143.327 |
Binary | 01010011, 00110100, 11111111 |
Color Schemes with #5334ff
Alternatives to #5334ff
Below, you can see some colors close to #5334ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5334ff Preview
This text has a font color of #5334ff.
<span style="color:#5334ff;">Text here</span>
This paragraph has a background color of #5334ff.
<p style="background-color:#5334ff;">Content here</p>
This element has a border color of #5334ff.
<div style="border:1px solid #5334ff;">Content here</div>
.text {color:#5334ff;}
.background {background-color:#5334ff;}
.border {border:1px solid #5334ff;}
Shades and Tints of #5334ff
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, #02000d is the darkest color, while #f9f8ff is the lightest one.
-
#02000d
#02000d
rgb(2,0,13)
-
#050020
#050020
rgb(5,0,32)
-
#080034
#080034
rgb(8,0,52)
-
#0b0048
#0b0048
rgb(11,0,72)
-
#0e005b
#0e005b
rgb(14,0,91)
-
#11006f
#11006f
rgb(17,0,111)
-
#140082
#140082
rgb(20,0,130)
-
#170096
#170096
rgb(23,0,150)
-
#1a00aa
#1a00aa
rgb(26,0,170)
-
#1d00bd
#1d00bd
rgb(29,0,189)
-
#2000d1
#2000d1
rgb(32,0,209)
-
#2300e5
#2300e5
rgb(35,0,229)
-
#2600f8
#2600f8
rgb(38,0,248)
-
#320dff
#320dff
rgb(50,13,255)
-
#4220ff
#4220ff
rgb(66,32,255)
-
#5334ff
#5334ff
rgb(83,52,255)
-
#6448ff
#6448ff
rgb(100,72,255)
-
#745bff
#745bff
rgb(116,91,255)
-
#856fff
#856fff
rgb(133,111,255)
-
#9582ff
#9582ff
rgb(149,130,255)
-
#a696ff
#a696ff
rgb(166,150,255)
-
#b7aaff
#b7aaff
rgb(183,170,255)
-
#c7bdff
#c7bdff
rgb(199,189,255)
-
#d8d1ff
#d8d1ff
rgb(216,209,255)
-
#e9e5ff
#e9e5ff
rgb(233,229,255)
-
#f9f8ff
#f9f8ff
rgb(249,248,255)
Tones of #5334ff
A tone is produced by adding gray to any pure hue. In this case, #9492a1 is the less saturated color, while #5334ff is the most saturated one.
-
#9492a1
#9492a1
rgb(148,146,161)
-
#8f8aa9
#8f8aa9
rgb(143,138,169)
-
#8982b1
#8982b1
rgb(137,130,177)
-
#847ab9
#847ab9
rgb(132,122,185)
-
#7e72c1
#7e72c1
rgb(126,114,193)
-
#796bc8
#796bc8
rgb(121,107,200)
-
#7463d0
#7463d0
rgb(116,99,208)
-
#6e5bd8
#6e5bd8
rgb(110,91,216)
-
#6953e0
#6953e0
rgb(105,83,224)
-
#634be8
#634be8
rgb(99,75,232)
-
#5e44ef
#5e44ef
rgb(94,68,239)
-
#583cf7
#583cf7
rgb(88,60,247)
-
#5334ff
#5334ff
rgb(83,52,255)
Color Blindness Simulator
Below, you can see how #5334ff 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.