#5b63ff Color Information
In a RGB color space, hex #5b63ff is composed of 35.7% red, 38.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 61.2% magenta, 0% yellow and 0% black. It has a hue angle of 237.1 degrees, a saturation of 100% and a lightness of 67.8%. #5b63ff color hex could be obtained by blending #b6c6ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 36
- G 39
- B 100
-
- C 64
- M 61
- Y 0
- K 0
● #5b63ff color description : Light blue.
#5b63ff Color Conversion
The hexadecimal color #5b63ff has RGB values of R:91, G:99, B:255 and CMYK values of C:0.64, M:0.61, Y:0, K:0. Its decimal value is 5989375.
Hex triplet | 5b63ff | #5b63ff |
---|---|---|
RGB Decimal | 91, 99, 255 | rgb(91,99,255) |
RGB Percent | 35.7, 38.8, 100 | rgb(35.7%,38.8%,100%) |
CMYK | 64, 61, 0, 0 | |
HSL | 237.1°, 100, 67.8 | hsl(237.1,100%,67.8%) |
HSV (or HSB) | 237.1°, 64.3, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 49.938, 43.749, -78.581 |
---|---|
XYZ | 26.823, 18.366, 96.734 |
xyY | 0.189, 0.129, 18.366 |
CIE-LCH | 49.938, 89.938, 299.106 |
CIE-LUV | 49.938, -10.884, -122.932 |
Hunter-Lab | 42.856, 36.721, -103.829 |
Binary | 01011011, 01100011, 11111111 |
Color Schemes with #5b63ff
Alternatives to #5b63ff
Below, you can see some colors close to #5b63ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5b63ff Preview
This text has a font color of #5b63ff.
<span style="color:#5b63ff;">Text here</span>
This paragraph has a background color of #5b63ff.
<p style="background-color:#5b63ff;">Content here</p>
This element has a border color of #5b63ff.
<div style="border:1px solid #5b63ff;">Content here</div>
.text {color:#5b63ff;}
.background {background-color:#5b63ff;}
.border {border:1px solid #5b63ff;}
Shades and Tints of #5b63ff
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, #00010d is the darkest color, while #f8f8ff is the lightest one.
-
#00010d
#00010d
rgb(0,1,13)
-
#000220
#000220
rgb(0,2,32)
-
#000334
#000334
rgb(0,3,52)
-
#000347
#000347
rgb(0,3,71)
-
#00045b
#00045b
rgb(0,4,91)
-
#00056f
#00056f
rgb(0,5,111)
-
#000682
#000682
rgb(0,6,130)
-
#000796
#000796
rgb(0,7,150)
-
#0008a9
#0008a9
rgb(0,8,169)
-
#0009bd
#0009bd
rgb(0,9,189)
-
#000ad1
#000ad1
rgb(0,10,209)
-
#000be4
#000be4
rgb(0,11,228)
-
#000cf8
#000cf8
rgb(0,12,248)
-
#0d18ff
#0d18ff
rgb(13,24,255)
-
#202bff
#202bff
rgb(32,43,255)
-
#343eff
#343eff
rgb(52,62,255)
-
#4750ff
#4750ff
rgb(71,80,255)
-
#5b63ff
#5b63ff
rgb(91,99,255)
-
#6f76ff
#6f76ff
rgb(111,118,255)
-
#8288ff
#8288ff
rgb(130,136,255)
-
#969bff
#969bff
rgb(150,155,255)
-
#a9aeff
#a9aeff
rgb(169,174,255)
-
#bdc0ff
#bdc0ff
rgb(189,192,255)
-
#d1d3ff
#d1d3ff
rgb(209,211,255)
-
#e4e6ff
#e4e6ff
rgb(228,230,255)
-
#f8f8ff
#f8f8ff
rgb(248,248,255)
Tones of #5b63ff
A tone is produced by adding gray to any pure hue. In this case, #a7a7b3 is the less saturated color, while #5b63ff is the most saturated one.
-
#a7a7b3
#a7a7b3
rgb(167,167,179)
-
#a0a2ba
#a0a2ba
rgb(160,162,186)
-
#9a9cc0
#9a9cc0
rgb(154,156,192)
-
#9496c6
#9496c6
rgb(148,150,198)
-
#8d91cd
#8d91cd
rgb(141,145,205)
-
#878bd3
#878bd3
rgb(135,139,211)
-
#8185d9
#8185d9
rgb(129,133,217)
-
#7b7fdf
#7b7fdf
rgb(123,127,223)
-
#747ae6
#747ae6
rgb(116,122,230)
-
#6e74ec
#6e74ec
rgb(110,116,236)
-
#686ef2
#686ef2
rgb(104,110,242)
-
#6169f9
#6169f9
rgb(97,105,249)
-
#5b63ff
#5b63ff
rgb(91,99,255)
Color Blindness Simulator
Below, you can see how #5b63ff 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.