#5150f5 Color Information
In a RGB color space, hex #5150f5 is composed of 31.8% red, 31.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 67.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 240.4 degrees, a saturation of 89.2% and a lightness of 63.7%. #5150f5 color hex could be obtained by blending #a2a0ff with #0000eb. Closest websafe color is: #6666ff.
-
- R 32
- G 31
- B 96
-
- C 67
- M 67
- Y 0
- K 4
● #5150f5 color description : Soft blue.
#5150f5 Color Conversion
The hexadecimal color #5150f5 has RGB values of R:81, G:80, B:245 and CMYK values of C:0.67, M:0.67, Y:0, K:0.04. Its decimal value is 5329141.
Hex triplet | 5150f5 | #5150f5 |
---|---|---|
RGB Decimal | 81, 80, 245 | rgb(81,80,245) |
RGB Percent | 31.8, 31.4, 96.1 | rgb(31.8%,31.4%,96.1%) |
CMYK | 67, 67, 0, 4 | |
HSL | 240.4°, 89.2, 63.7 | hsl(240.4,89.2%,63.7%) |
HSV (or HSB) | 240.4°, 67.3, 96.1 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 44.345, 50.294, -82.183 |
---|---|
XYZ | 22.74, 14.078, 87.9 |
xyY | 0.182, 0.113, 14.078 |
CIE-LCH | 44.345, 96.351, 301.465 |
CIE-LUV | 44.345, -8.673, -123.203 |
Hunter-Lab | 37.521, 42.522, -112.635 |
Binary | 01010001, 01010000, 11110101 |
Color Schemes with #5150f5
Alternatives to #5150f5
Below, you can see some colors close to #5150f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5150f5 Preview
This text has a font color of #5150f5.
<span style="color:#5150f5;">Text here</span>
This paragraph has a background color of #5150f5.
<p style="background-color:#5150f5;">Content here</p>
This element has a border color of #5150f5.
<div style="border:1px solid #5150f5;">Content here</div>
.text {color:#5150f5;}
.background {background-color:#5150f5;}
.border {border:1px solid #5150f5;}
Shades and Tints of #5150f5
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, #01010b is the darkest color, while #f7f7ff is the lightest one.
-
#01010b
#01010b
rgb(1,1,11)
-
#02021d
#02021d
rgb(2,2,29)
-
#030330
#030330
rgb(3,3,48)
-
#040442
#040442
rgb(4,4,66)
-
#050555
#050555
rgb(5,5,85)
-
#060667
#060667
rgb(6,6,103)
-
#08077a
#08077a
rgb(8,7,122)
-
#09088c
#09088c
rgb(9,8,140)
-
#0a099f
#0a099f
rgb(10,9,159)
-
#0b0ab2
#0b0ab2
rgb(11,10,178)
-
#0c0bc4
#0c0bc4
rgb(12,11,196)
-
#0d0cd7
#0d0cd7
rgb(13,12,215)
-
#0f0de9
#0f0de9
rgb(15,13,233)
-
#1a18f2
#1a18f2
rgb(26,24,242)
-
#2c2bf3
#2c2bf3
rgb(44,43,243)
-
#3f3df4
#3f3df4
rgb(63,61,244)
-
#5150f5
#5150f5
rgb(81,80,245)
-
#6363f6
#6363f6
rgb(99,99,246)
-
#7675f7
#7675f7
rgb(118,117,247)
-
#8888f8
#8888f8
rgb(136,136,248)
-
#9b9af9
#9b9af9
rgb(155,154,249)
-
#adadfa
#adadfa
rgb(173,173,250)
-
#c0bffb
#c0bffb
rgb(192,191,251)
-
#d2d2fc
#d2d2fc
rgb(210,210,252)
-
#e5e4fd
#e5e4fd
rgb(229,228,253)
-
#f7f7ff
#f7f7ff
rgb(247,247,255)
Tones of #5150f5
A tone is produced by adding gray to any pure hue. In this case, #9e9ea7 is the less saturated color, while #4a49fc is the most saturated one.
-
#9e9ea7
#9e9ea7
rgb(158,158,167)
-
#9797ae
#9797ae
rgb(151,151,174)
-
#9090b5
#9090b5
rgb(144,144,181)
-
#8989bc
#8989bc
rgb(137,137,188)
-
#8282c3
#8282c3
rgb(130,130,195)
-
#7b7bca
#7b7bca
rgb(123,123,202)
-
#7474d1
#7474d1
rgb(116,116,209)
-
#6d6cd9
#6d6cd9
rgb(109,108,217)
-
#6665e0
#6665e0
rgb(102,101,224)
-
#5f5ee7
#5f5ee7
rgb(95,94,231)
-
#5857ee
#5857ee
rgb(88,87,238)
-
#5150f5
#5150f5
rgb(81,80,245)
-
#4a49fc
#4a49fc
rgb(74,73,252)
Color Blindness Simulator
Below, you can see how #5150f5 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.