#5158ff Color Information
In a RGB color space, hex #5158ff is composed of 31.8% red, 34.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 65.5% magenta, 0% yellow and 0% black. It has a hue angle of 237.6 degrees, a saturation of 100% and a lightness of 65.9%. #5158ff color hex could be obtained by blending #a2b0ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 32
- G 35
- B 100
-
- C 68
- M 65
- Y 0
- K 0
● #5158ff color description : Light blue.
#5158ff Color Conversion
The hexadecimal color #5158ff has RGB values of R:81, G:88, B:255 and CMYK values of C:0.68, M:0.65, Y:0, K:0. Its decimal value is 5331199.
Hex triplet | 5158ff | #5158ff |
---|---|---|
RGB Decimal | 81, 88, 255 | rgb(81,88,255) |
RGB Percent | 31.8, 34.5, 100 | rgb(31.8%,34.5%,100%) |
CMYK | 68, 65, 0, 0 | |
HSL | 237.6°, 100, 65.9 | hsl(237.6,100%,65.9%) |
HSV (or HSB) | 237.6°, 68.2, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 46.905, 48.914, -83.565 |
---|---|
XYZ | 24.929, 15.947, 96.367 |
xyY | 0.182, 0.116, 15.947 |
CIE-LCH | 46.905, 96.828, 300.342 |
CIE-LUV | 46.905, -10.73, -127.385 |
Hunter-Lab | 39.934, 41.546, -115.121 |
Binary | 01010001, 01011000, 11111111 |
Color Schemes with #5158ff
Alternatives to #5158ff
Below, you can see some colors close to #5158ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5158ff Preview
This text has a font color of #5158ff.
<span style="color:#5158ff;">Text here</span>
This paragraph has a background color of #5158ff.
<p style="background-color:#5158ff;">Content here</p>
This element has a border color of #5158ff.
<div style="border:1px solid #5158ff;">Content here</div>
.text {color:#5158ff;}
.background {background-color:#5158ff;}
.border {border:1px solid #5158ff;}
Shades and Tints of #5158ff
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, #000003 is the darkest color, while #eeefff is the lightest one.
-
#000003
#000003
rgb(0,0,3)
-
#000116
#000116
rgb(0,1,22)
-
#00022a
#00022a
rgb(0,2,42)
-
#00023d
#00023d
rgb(0,2,61)
-
#000351
#000351
rgb(0,3,81)
-
#000465
#000465
rgb(0,4,101)
-
#000578
#000578
rgb(0,5,120)
-
#00068c
#00068c
rgb(0,6,140)
-
#00069f
#00069f
rgb(0,6,159)
-
#0007b3
#0007b3
rgb(0,7,179)
-
#0008c7
#0008c7
rgb(0,8,199)
-
#0009da
#0009da
rgb(0,9,218)
-
#000aee
#000aee
rgb(0,10,238)
-
#030dff
#030dff
rgb(3,13,255)
-
#1620ff
#1620ff
rgb(22,32,255)
-
#2a32ff
#2a32ff
rgb(42,50,255)
-
#3d45ff
#3d45ff
rgb(61,69,255)
-
#5158ff
#5158ff
rgb(81,88,255)
-
#656bff
#656bff
rgb(101,107,255)
-
#787eff
#787eff
rgb(120,126,255)
-
#8c90ff
#8c90ff
rgb(140,144,255)
-
#9fa3ff
#9fa3ff
rgb(159,163,255)
-
#b3b6ff
#b3b6ff
rgb(179,182,255)
-
#c7c9ff
#c7c9ff
rgb(199,201,255)
-
#dadcff
#dadcff
rgb(218,220,255)
-
#eeefff
#eeefff
rgb(238,239,255)
Tones of #5158ff
A tone is produced by adding gray to any pure hue. In this case, #a1a2af is the less saturated color, while #5158ff is the most saturated one.
-
#a1a2af
#a1a2af
rgb(161,162,175)
-
#9b9cb5
#9b9cb5
rgb(155,156,181)
-
#9496bc
#9496bc
rgb(148,150,188)
-
#8d8fc3
#8d8fc3
rgb(141,143,195)
-
#8789c9
#8789c9
rgb(135,137,201)
-
#8083d0
#8083d0
rgb(128,131,208)
-
#797dd7
#797dd7
rgb(121,125,215)
-
#7277de
#7277de
rgb(114,119,222)
-
#6c71e4
#6c71e4
rgb(108,113,228)
-
#656aeb
#656aeb
rgb(101,106,235)
-
#5e64f2
#5e64f2
rgb(94,100,242)
-
#585ef8
#585ef8
rgb(88,94,248)
-
#5158ff
#5158ff
rgb(81,88,255)
Color Blindness Simulator
Below, you can see how #5158ff 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.