#515bff Color Information
In a RGB color space, hex #515bff is composed of 31.8% red, 35.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 64.3% magenta, 0% yellow and 0% black. It has a hue angle of 236.6 degrees, a saturation of 100% and a lightness of 65.9%. #515bff color hex could be obtained by blending #a2b6ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 32
- G 36
- B 100
-
- C 68
- M 64
- Y 0
- K 0
● #515bff color description : Light blue.
#515bff Color Conversion
The hexadecimal color #515bff has RGB values of R:81, G:91, B:255 and CMYK values of C:0.68, M:0.64, Y:0, K:0. Its decimal value is 5331967.
Hex triplet | 515bff | #515bff |
---|---|---|
RGB Decimal | 81, 91, 255 | rgb(81,91,255) |
RGB Percent | 31.8, 35.7, 100 | rgb(31.8%,35.7%,100%) |
CMYK | 68, 64, 0, 0 | |
HSL | 236.6°, 100, 65.9 | hsl(236.6,100%,65.9%) |
HSV (or HSB) | 236.6°, 68.2, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 47.56, 47.166, -82.493 |
---|---|
XYZ | 25.181, 16.45, 96.45 |
xyY | 0.182, 0.119, 16.45 |
CIE-LCH | 47.56, 95.025, 299.759 |
CIE-LUV | 47.56, -11.369, -126.477 |
Hunter-Lab | 40.559, 39.844, -112.603 |
Binary | 01010001, 01011011, 11111111 |
Color Schemes with #515bff
Alternatives to #515bff
Below, you can see some colors close to #515bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#515bff Preview
This text has a font color of #515bff.
<span style="color:#515bff;">Text here</span>
This paragraph has a background color of #515bff.
<p style="background-color:#515bff;">Content here</p>
This element has a border color of #515bff.
<div style="border:1px solid #515bff;">Content here</div>
.text {color:#515bff;}
.background {background-color:#515bff;}
.border {border:1px solid #515bff;}
Shades and Tints of #515bff
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)
-
#00043d
#00043d
rgb(0,4,61)
-
#000551
#000551
rgb(0,5,81)
-
#000665
#000665
rgb(0,6,101)
-
#000778
#000778
rgb(0,7,120)
-
#00088c
#00088c
rgb(0,8,140)
-
#00099f
#00099f
rgb(0,9,159)
-
#000ab3
#000ab3
rgb(0,10,179)
-
#000bc7
#000bc7
rgb(0,11,199)
-
#000dda
#000dda
rgb(0,13,218)
-
#000eee
#000eee
rgb(0,14,238)
-
#0311ff
#0311ff
rgb(3,17,255)
-
#1624ff
#1624ff
rgb(22,36,255)
-
#2a36ff
#2a36ff
rgb(42,54,255)
-
#3d49ff
#3d49ff
rgb(61,73,255)
-
#515bff
#515bff
rgb(81,91,255)
-
#656dff
#656dff
rgb(101,109,255)
-
#7880ff
#7880ff
rgb(120,128,255)
-
#8c92ff
#8c92ff
rgb(140,146,255)
-
#9fa5ff
#9fa5ff
rgb(159,165,255)
-
#b3b7ff
#b3b7ff
rgb(179,183,255)
-
#c7caff
#c7caff
rgb(199,202,255)
-
#dadcff
#dadcff
rgb(218,220,255)
-
#eeefff
#eeefff
rgb(238,239,255)
Tones of #515bff
A tone is produced by adding gray to any pure hue. In this case, #a1a2af is the less saturated color, while #515bff is the most saturated one.
-
#a1a2af
#a1a2af
rgb(161,162,175)
-
#9b9cb5
#9b9cb5
rgb(155,156,181)
-
#9496bc
#9496bc
rgb(148,150,188)
-
#8d90c3
#8d90c3
rgb(141,144,195)
-
#878ac9
#878ac9
rgb(135,138,201)
-
#8084d0
#8084d0
rgb(128,132,208)
-
#797fd7
#797fd7
rgb(121,127,215)
-
#7279de
#7279de
rgb(114,121,222)
-
#6c73e4
#6c73e4
rgb(108,115,228)
-
#656deb
#656deb
rgb(101,109,235)
-
#5e67f2
#5e67f2
rgb(94,103,242)
-
#5861f8
#5861f8
rgb(88,97,248)
-
#515bff
#515bff
rgb(81,91,255)
Color Blindness Simulator
Below, you can see how #515bff 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.