#5f50ff Color Information
In a RGB color space, hex #5f50ff is composed of 37.3% red, 31.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 68.6% magenta, 0% yellow and 0% black. It has a hue angle of 245.1 degrees, a saturation of 100% and a lightness of 65.7%. #5f50ff color hex could be obtained by blending #bea0ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 37
- G 31
- B 100
-
- C 63
- M 69
- Y 0
- K 0
● #5f50ff color description : Light blue.
#5f50ff Color Conversion
The hexadecimal color #5f50ff has RGB values of R:95, G:80, B:255 and CMYK values of C:0.63, M:0.69, Y:0, K:0. Its decimal value is 6246655.
Hex triplet | 5f50ff | #5f50ff |
---|---|---|
RGB Decimal | 95, 80, 255 | rgb(95,80,255) |
RGB Percent | 37.3, 31.4, 100 | rgb(37.3%,31.4%,100%) |
CMYK | 63, 69, 0, 0 | |
HSL | 245.1°, 100, 65.7 | hsl(245.1,100%,65.7%) |
HSV (or HSB) | 245.1°, 68.6, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 46.163, 55.105, -84.749 |
---|---|
XYZ | 25.634, 15.389, 96.222 |
xyY | 0.187, 0.112, 15.389 |
CIE-LCH | 46.163, 101.089, 303.032 |
CIE-LUV | 46.163, -5.847, -128.585 |
Hunter-Lab | 39.229, 47.992, -117.968 |
Binary | 01011111, 01010000, 11111111 |
Color Schemes with #5f50ff
Alternatives to #5f50ff
Below, you can see some colors close to #5f50ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f50ff Preview
This text has a font color of #5f50ff.
<span style="color:#5f50ff;">Text here</span>
This paragraph has a background color of #5f50ff.
<p style="background-color:#5f50ff;">Content here</p>
This element has a border color of #5f50ff.
<div style="border:1px solid #5f50ff;">Content here</div>
.text {color:#5f50ff;}
.background {background-color:#5f50ff;}
.border {border:1px solid #5f50ff;}
Shades and Tints of #5f50ff
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, #000002 is the darkest color, while #eeedff is the lightest one.
-
#000002
#000002
rgb(0,0,2)
-
#020015
#020015
rgb(2,0,21)
-
#030029
#030029
rgb(3,0,41)
-
#05003c
#05003c
rgb(5,0,60)
-
#070050
#070050
rgb(7,0,80)
-
#090064
#090064
rgb(9,0,100)
-
#0a0077
#0a0077
rgb(10,0,119)
-
#0c008b
#0c008b
rgb(12,0,139)
-
#0e009e
#0e009e
rgb(14,0,158)
-
#0f00b2
#0f00b2
rgb(15,0,178)
-
#1100c6
#1100c6
rgb(17,0,198)
-
#1300d9
#1300d9
rgb(19,0,217)
-
#1400ed
#1400ed
rgb(20,0,237)
-
#1702ff
#1702ff
rgb(23,2,255)
-
#2915ff
#2915ff
rgb(41,21,255)
-
#3b29ff
#3b29ff
rgb(59,41,255)
-
#4d3cff
#4d3cff
rgb(77,60,255)
-
#5f50ff
#5f50ff
rgb(95,80,255)
-
#7164ff
#7164ff
rgb(113,100,255)
-
#8377ff
#8377ff
rgb(131,119,255)
-
#958bff
#958bff
rgb(149,139,255)
-
#a79eff
#a79eff
rgb(167,158,255)
-
#b9b2ff
#b9b2ff
rgb(185,178,255)
-
#cbc6ff
#cbc6ff
rgb(203,198,255)
-
#ddd9ff
#ddd9ff
rgb(221,217,255)
-
#eeedff
#eeedff
rgb(238,237,255)
Tones of #5f50ff
A tone is produced by adding gray to any pure hue. In this case, #a2a1ae is the less saturated color, while #5f50ff is the most saturated one.
-
#a2a1ae
#a2a1ae
rgb(162,161,174)
-
#9c9ab5
#9c9ab5
rgb(156,154,181)
-
#9793bc
#9793bc
rgb(151,147,188)
-
#918dc2
#918dc2
rgb(145,141,194)
-
#8c86c9
#8c86c9
rgb(140,134,201)
-
#867fd0
#867fd0
rgb(134,127,208)
-
#8078d7
#8078d7
rgb(128,120,215)
-
#7b72dd
#7b72dd
rgb(123,114,221)
-
#756be4
#756be4
rgb(117,107,228)
-
#7064eb
#7064eb
rgb(112,100,235)
-
#6a5df2
#6a5df2
rgb(106,93,242)
-
#6557f8
#6557f8
rgb(101,87,248)
-
#5f50ff
#5f50ff
rgb(95,80,255)
Color Blindness Simulator
Below, you can see how #5f50ff 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.