#5150f6 Color Information
In a RGB color space, hex #5150f6 is composed of 31.8% red, 31.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 67.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 240.4 degrees, a saturation of 90.2% and a lightness of 63.9%. #5150f6 color hex could be obtained by blending #a2a0ff with #0000ed. Closest websafe color is: #6666ff.
-
- R 32
- G 31
- B 96
-
- C 67
- M 67
- Y 0
- K 4
● #5150f6 color description : Soft blue.
#5150f6 Color Conversion
The hexadecimal color #5150f6 has RGB values of R:81, G:80, B:246 and CMYK values of C:0.67, M:0.67, Y:0, K:0.04. Its decimal value is 5329142.
Hex triplet | 5150f6 | #5150f6 |
---|---|---|
RGB Decimal | 81, 80, 246 | rgb(81,80,246) |
RGB Percent | 31.8, 31.4, 96.5 | rgb(31.8%,31.4%,96.5%) |
CMYK | 67, 67, 0, 4 | |
HSL | 240.4°, 90.2, 63.9 | hsl(240.4,90.2%,63.9%) |
HSV (or HSB) | 240.4°, 67.5, 96.5 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 44.432, 50.612, -82.6 |
---|---|
XYZ | 22.893, 14.139, 88.706 |
xyY | 0.182, 0.112, 14.139 |
CIE-LCH | 44.432, 96.873, 301.497 |
CIE-LUV | 44.432, -8.72, -123.834 |
Hunter-Lab | 37.602, 42.872, -113.548 |
Binary | 01010001, 01010000, 11110110 |
Color Schemes with #5150f6
Alternatives to #5150f6
Below, you can see some colors close to #5150f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5150f6 Preview
This text has a font color of #5150f6.
<span style="color:#5150f6;">Text here</span>
This paragraph has a background color of #5150f6.
<p style="background-color:#5150f6;">Content here</p>
This element has a border color of #5150f6.
<div style="border:1px solid #5150f6;">Content here</div>
.text {color:#5150f6;}
.background {background-color:#5150f6;}
.border {border:1px solid #5150f6;}
Shades and Tints of #5150f6
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, #01010c is the darkest color, while #f8f8ff is the lightest one.
-
#01010c
#01010c
rgb(1,1,12)
-
#02021e
#02021e
rgb(2,2,30)
-
#030331
#030331
rgb(3,3,49)
-
#040344
#040344
rgb(4,3,68)
-
#050456
#050456
rgb(5,4,86)
-
#060569
#060569
rgb(6,5,105)
-
#07067b
#07067b
rgb(7,6,123)
-
#08078e
#08078e
rgb(8,7,142)
-
#0908a1
#0908a1
rgb(9,8,161)
-
#0a09b3
#0a09b3
rgb(10,9,179)
-
#0b0ac6
#0b0ac6
rgb(11,10,198)
-
#0c0bd9
#0c0bd9
rgb(12,11,217)
-
#0d0ceb
#0d0ceb
rgb(13,12,235)
-
#1918f3
#1918f3
rgb(25,24,243)
-
#2c2bf4
#2c2bf4
rgb(44,43,244)
-
#3e3df5
#3e3df5
rgb(62,61,245)
-
#5150f6
#5150f6
rgb(81,80,246)
-
#6463f7
#6463f7
rgb(100,99,247)
-
#7675f8
#7675f8
rgb(118,117,248)
-
#8988f9
#8988f9
rgb(137,136,249)
-
#9b9bfa
#9b9bfa
rgb(155,155,250)
-
#aeadfb
#aeadfb
rgb(174,173,251)
-
#c0c0fc
#c0c0fc
rgb(192,192,252)
-
#d3d3fd
#d3d3fd
rgb(211,211,253)
-
#e5e5fe
#e5e5fe
rgb(229,229,254)
-
#f8f8ff
#f8f8ff
rgb(248,248,255)
Tones of #5150f6
A tone is produced by adding gray to any pure hue. In this case, #9e9ea8 is the less saturated color, while #4a49fd is the most saturated one.
-
#9e9ea8
#9e9ea8
rgb(158,158,168)
-
#9797af
#9797af
rgb(151,151,175)
-
#9090b6
#9090b6
rgb(144,144,182)
-
#8989bd
#8989bd
rgb(137,137,189)
-
#8282c4
#8282c4
rgb(130,130,196)
-
#7b7acc
#7b7acc
rgb(123,122,204)
-
#7473d3
#7473d3
rgb(116,115,211)
-
#6d6cda
#6d6cda
rgb(109,108,218)
-
#6665e1
#6665e1
rgb(102,101,225)
-
#5f5ee8
#5f5ee8
rgb(95,94,232)
-
#5857ef
#5857ef
rgb(88,87,239)
-
#5150f6
#5150f6
rgb(81,80,246)
-
#4a49fd
#4a49fd
rgb(74,73,253)
Color Blindness Simulator
Below, you can see how #5150f6 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.