#506ff5 Color Information
In a RGB color space, hex #506ff5 is composed of 31.4% red, 43.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 54.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 228.7 degrees, a saturation of 89.2% and a lightness of 63.7%. #506ff5 color hex could be obtained by blending #a0deff with #0000eb. Closest websafe color is: #6666ff.
-
- R 31
- G 44
- B 96
-
- C 67
- M 55
- Y 0
- K 4
● #506ff5 color description : Soft blue.
#506ff5 Color Conversion
The hexadecimal color #506ff5 has RGB values of R:80, G:111, B:245 and CMYK values of C:0.67, M:0.55, Y:0, K:0.04. Its decimal value is 5271541.
Hex triplet | 506ff5 | #506ff5 |
---|---|---|
RGB Decimal | 80, 111, 245 | rgb(80,111,245) |
RGB Percent | 31.4, 43.5, 96.1 | rgb(31.4%,43.5%,96.1%) |
CMYK | 67, 55, 0, 4 | |
HSL | 228.7°, 89.2, 63.7 | hsl(228.7,89.2%,63.7%) |
HSV (or HSB) | 228.7°, 67.3, 96.1 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.457, 31.595, -70.579 |
---|---|
XYZ | 25.471, 19.665, 88.835 |
xyY | 0.19, 0.147, 19.665 |
CIE-LCH | 51.457, 77.328, 294.116 |
CIE-LUV | 51.457, -16.229, -111.579 |
Hunter-Lab | 44.346, 24.92, -87.73 |
Binary | 01010000, 01101111, 11110101 |
Color Schemes with #506ff5
Alternatives to #506ff5
Below, you can see some colors close to #506ff5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506ff5 Preview
This text has a font color of #506ff5.
<span style="color:#506ff5;">Text here</span>
This paragraph has a background color of #506ff5.
<p style="background-color:#506ff5;">Content here</p>
This element has a border color of #506ff5.
<div style="border:1px solid #506ff5;">Content here</div>
.text {color:#506ff5;}
.background {background-color:#506ff5;}
.border {border:1px solid #506ff5;}
Shades and Tints of #506ff5
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, #01020b is the darkest color, while #f7f8ff is the lightest one.
-
#01020b
#01020b
rgb(1,2,11)
-
#02071d
#02071d
rgb(2,7,29)
-
#030b30
#030b30
rgb(3,11,48)
-
#041042
#041042
rgb(4,16,66)
-
#051455
#051455
rgb(5,20,85)
-
#061867
#061867
rgb(6,24,103)
-
#071d7a
#071d7a
rgb(7,29,122)
-
#08218c
#08218c
rgb(8,33,140)
-
#09259f
#09259f
rgb(9,37,159)
-
#0a2ab2
#0a2ab2
rgb(10,42,178)
-
#0b2ec4
#0b2ec4
rgb(11,46,196)
-
#0c32d7
#0c32d7
rgb(12,50,215)
-
#0d37e9
#0d37e9
rgb(13,55,233)
-
#1841f2
#1841f2
rgb(24,65,242)
-
#2b50f3
#2b50f3
rgb(43,80,243)
-
#3d60f4
#3d60f4
rgb(61,96,244)
-
#506ff5
#506ff5
rgb(80,111,245)
-
#637ef6
#637ef6
rgb(99,126,246)
-
#758ef7
#758ef7
rgb(117,142,247)
-
#889df8
#889df8
rgb(136,157,248)
-
#9aacf9
#9aacf9
rgb(154,172,249)
-
#adbbfa
#adbbfa
rgb(173,187,250)
-
#bfcbfb
#bfcbfb
rgb(191,203,251)
-
#d2dafc
#d2dafc
rgb(210,218,252)
-
#e4e9fd
#e4e9fd
rgb(228,233,253)
-
#f7f8ff
#f7f8ff
rgb(247,248,255)
Tones of #506ff5
A tone is produced by adding gray to any pure hue. In this case, #9ea0a7 is the less saturated color, while #496bfc is the most saturated one.
-
#9ea0a7
#9ea0a7
rgb(158,160,167)
-
#979bae
#979bae
rgb(151,155,174)
-
#9097b5
#9097b5
rgb(144,151,181)
-
#8993bc
#8993bc
rgb(137,147,188)
-
#828ec3
#828ec3
rgb(130,142,195)
-
#7b8aca
#7b8aca
rgb(123,138,202)
-
#7485d1
#7485d1
rgb(116,133,209)
-
#6c81d9
#6c81d9
rgb(108,129,217)
-
#657ce0
#657ce0
rgb(101,124,224)
-
#5e78e7
#5e78e7
rgb(94,120,231)
-
#5773ee
#5773ee
rgb(87,115,238)
-
#506ff5
#506ff5
rgb(80,111,245)
-
#496bfc
#496bfc
rgb(73,107,252)
Color Blindness Simulator
Below, you can see how #506ff5 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.