#5f51ff Color Information
In a RGB color space, hex #5f51ff is composed of 37.3% red, 31.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 68.2% magenta, 0% yellow and 0% black. It has a hue angle of 244.8 degrees, a saturation of 100% and a lightness of 65.9%. #5f51ff color hex could be obtained by blending #bea2ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 37
- G 32
- B 100
-
- C 63
- M 68
- Y 0
- K 0
● #5f51ff color description : Light blue.
#5f51ff Color Conversion
The hexadecimal color #5f51ff has RGB values of R:95, G:81, B:255 and CMYK values of C:0.63, M:0.68, Y:0, K:0. Its decimal value is 6246911.
Hex triplet | 5f51ff | #5f51ff |
---|---|---|
RGB Decimal | 95, 81, 255 | rgb(95,81,255) |
RGB Percent | 37.3, 31.8, 100 | rgb(37.3%,31.8%,100%) |
CMYK | 63, 68, 0, 0 | |
HSL | 244.8°, 100, 65.9 | hsl(244.8,100%,65.9%) |
HSV (or HSB) | 244.8°, 68.2, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 46.361, 54.561, -84.424 |
---|---|
XYZ | 25.708, 15.537, 96.246 |
xyY | 0.187, 0.113, 15.537 |
CIE-LCH | 46.361, 100.52, 302.873 |
CIE-LUV | 46.361, -6.036, -128.335 |
Hunter-Lab | 39.417, 47.442, -117.181 |
Binary | 01011111, 01010001, 11111111 |
Color Schemes with #5f51ff
Alternatives to #5f51ff
Below, you can see some colors close to #5f51ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f51ff Preview
This text has a font color of #5f51ff.
<span style="color:#5f51ff;">Text here</span>
This paragraph has a background color of #5f51ff.
<p style="background-color:#5f51ff;">Content here</p>
This element has a border color of #5f51ff.
<div style="border:1px solid #5f51ff;">Content here</div>
.text {color:#5f51ff;}
.background {background-color:#5f51ff;}
.border {border:1px solid #5f51ff;}
Shades and Tints of #5f51ff
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 #efeeff is the lightest one.
-
#000003
#000003
rgb(0,0,3)
-
#020016
#020016
rgb(2,0,22)
-
#03002a
#03002a
rgb(3,0,42)
-
#05003d
#05003d
rgb(5,0,61)
-
#070051
#070051
rgb(7,0,81)
-
#080065
#080065
rgb(8,0,101)
-
#0a0078
#0a0078
rgb(10,0,120)
-
#0b008c
#0b008c
rgb(11,0,140)
-
#0d009f
#0d009f
rgb(13,0,159)
-
#0e00b3
#0e00b3
rgb(14,0,179)
-
#1000c7
#1000c7
rgb(16,0,199)
-
#1200da
#1200da
rgb(18,0,218)
-
#1300ee
#1300ee
rgb(19,0,238)
-
#1703ff
#1703ff
rgb(23,3,255)
-
#2916ff
#2916ff
rgb(41,22,255)
-
#3b2aff
#3b2aff
rgb(59,42,255)
-
#4d3dff
#4d3dff
rgb(77,61,255)
-
#5f51ff
#5f51ff
rgb(95,81,255)
-
#7165ff
#7165ff
rgb(113,101,255)
-
#8378ff
#8378ff
rgb(131,120,255)
-
#958cff
#958cff
rgb(149,140,255)
-
#a79fff
#a79fff
rgb(167,159,255)
-
#b9b3ff
#b9b3ff
rgb(185,179,255)
-
#cbc7ff
#cbc7ff
rgb(203,199,255)
-
#dddaff
#dddaff
rgb(221,218,255)
-
#efeeff
#efeeff
rgb(239,238,255)
Tones of #5f51ff
A tone is produced by adding gray to any pure hue. In this case, #a2a1af is the less saturated color, while #5f51ff is the most saturated one.
-
#a2a1af
#a2a1af
rgb(162,161,175)
-
#9d9bb5
#9d9bb5
rgb(157,155,181)
-
#9794bc
#9794bc
rgb(151,148,188)
-
#928dc3
#928dc3
rgb(146,141,195)
-
#8c87c9
#8c87c9
rgb(140,135,201)
-
#8680d0
#8680d0
rgb(134,128,208)
-
#8179d7
#8179d7
rgb(129,121,215)
-
#7b72de
#7b72de
rgb(123,114,222)
-
#756ce4
#756ce4
rgb(117,108,228)
-
#7065eb
#7065eb
rgb(112,101,235)
-
#6a5ef2
#6a5ef2
rgb(106,94,242)
-
#6558f8
#6558f8
rgb(101,88,248)
-
#5f51ff
#5f51ff
rgb(95,81,255)
Color Blindness Simulator
Below, you can see how #5f51ff 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.