#5157ff Color Information
In a RGB color space, hex #5157ff is composed of 31.8% red, 34.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 65.9% magenta, 0% yellow and 0% black. It has a hue angle of 237.9 degrees, a saturation of 100% and a lightness of 65.9%. #5157ff color hex could be obtained by blending #a2aeff with #0000ff. Closest websafe color is: #6666ff.
-
- R 32
- G 34
- B 100
-
- C 68
- M 66
- Y 0
- K 0
● #5157ff color description : Light blue.
#5157ff Color Conversion
The hexadecimal color #5157ff has RGB values of R:81, G:87, B:255 and CMYK values of C:0.68, M:0.66, Y:0, K:0. Its decimal value is 5330943.
Hex triplet | 5157ff | #5157ff |
---|---|---|
RGB Decimal | 81, 87, 255 | rgb(81,87,255) |
RGB Percent | 31.8, 34.1, 100 | rgb(31.8%,34.1%,100%) |
CMYK | 68, 66, 0, 0 | |
HSL | 237.9°, 100, 65.9 | hsl(237.9,100%,65.9%) |
HSV (or HSB) | 237.9°, 68.2, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 46.69, 49.492, -83.918 |
---|---|
XYZ | 24.848, 15.784, 96.339 |
xyY | 0.181, 0.115, 15.784 |
CIE-LCH | 46.69, 97.425, 300.531 |
CIE-LUV | 46.69, -10.522, -127.673 |
Hunter-Lab | 39.73, 42.112, -115.961 |
Binary | 01010001, 01010111, 11111111 |
Color Schemes with #5157ff
Alternatives to #5157ff
Below, you can see some colors close to #5157ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5157ff Preview
This text has a font color of #5157ff.
<span style="color:#5157ff;">Text here</span>
This paragraph has a background color of #5157ff.
<p style="background-color:#5157ff;">Content here</p>
This element has a border color of #5157ff.
<div style="border:1px solid #5157ff;">Content here</div>
.text {color:#5157ff;}
.background {background-color:#5157ff;}
.border {border:1px solid #5157ff;}
Shades and Tints of #5157ff
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)
-
#00012a
#00012a
rgb(0,1,42)
-
#00023d
#00023d
rgb(0,2,61)
-
#000351
#000351
rgb(0,3,81)
-
#000365
#000365
rgb(0,3,101)
-
#000478
#000478
rgb(0,4,120)
-
#00058c
#00058c
rgb(0,5,140)
-
#00059f
#00059f
rgb(0,5,159)
-
#0006b3
#0006b3
rgb(0,6,179)
-
#0007c7
#0007c7
rgb(0,7,199)
-
#0008da
#0008da
rgb(0,8,218)
-
#0008ee
#0008ee
rgb(0,8,238)
-
#030bff
#030bff
rgb(3,11,255)
-
#161eff
#161eff
rgb(22,30,255)
-
#2a31ff
#2a31ff
rgb(42,49,255)
-
#3d44ff
#3d44ff
rgb(61,68,255)
-
#5157ff
#5157ff
rgb(81,87,255)
-
#656aff
#656aff
rgb(101,106,255)
-
#787dff
#787dff
rgb(120,125,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 #5157ff
A tone is produced by adding gray to any pure hue. In this case, #a1a2af is the less saturated color, while #5157ff is the most saturated one.
-
#a1a2af
#a1a2af
rgb(161,162,175)
-
#9b9cb5
#9b9cb5
rgb(155,156,181)
-
#9495bc
#9495bc
rgb(148,149,188)
-
#8d8fc3
#8d8fc3
rgb(141,143,195)
-
#8789c9
#8789c9
rgb(135,137,201)
-
#8083d0
#8083d0
rgb(128,131,208)
-
#797cd7
#797cd7
rgb(121,124,215)
-
#7276de
#7276de
rgb(114,118,222)
-
#6c70e4
#6c70e4
rgb(108,112,228)
-
#656aeb
#656aeb
rgb(101,106,235)
-
#5e63f2
#5e63f2
rgb(94,99,242)
-
#585df8
#585df8
rgb(88,93,248)
-
#5157ff
#5157ff
rgb(81,87,255)
Color Blindness Simulator
Below, you can see how #5157ff 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.