#506bb0 Color Information
In a RGB color space, hex #506bb0 is composed of 31.4% red, 42% green and 69% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 39.2% magenta, 0% yellow and 31% black. It has a hue angle of 223.1 degrees, a saturation of 37.8% and a lightness of 50.2%. #506bb0 color hex could be obtained by blending #a0d6ff with #000061. Closest websafe color is: #666699.
-
- R 31
- G 42
- B 69
-
- C 55
- M 39
- Y 0
- K 31
● #506bb0 color description : Dark moderate blue.
#506bb0 Color Conversion
The hexadecimal color #506bb0 has RGB values of R:80, G:107, B:176 and CMYK values of C:0.55, M:0.39, Y:0, K:0.31. Its decimal value is 5270448.
Hex triplet | 506bb0 | #506bb0 |
---|---|---|
RGB Decimal | 80, 107, 176 | rgb(80,107,176) |
RGB Percent | 31.4, 42, 69 | rgb(31.4%,42%,69%) |
CMYK | 55, 39, 0, 31 | |
HSL | 223.1°, 37.8, 50.2 | hsl(223.1,37.8%,50.2%) |
HSV (or HSB) | 223.1°, 54.5, 69 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 46.116, 10.621, -39.833 |
---|---|
XYZ | 16.401, 15.355, 43.171 |
xyY | 0.219, 0.205, 15.355 |
CIE-LCH | 46.116, 41.224, 284.93 |
CIE-LUV | 46.116, -14.072, -60.571 |
Hunter-Lab | 39.185, 6.137, -37.892 |
Binary | 01010000, 01101011, 10110000 |
Color Schemes with #506bb0
Alternatives to #506bb0
Below, you can see some colors close to #506bb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506bb0 Preview
This text has a font color of #506bb0.
<span style="color:#506bb0;">Text here</span>
This paragraph has a background color of #506bb0.
<p style="background-color:#506bb0;">Content here</p>
This element has a border color of #506bb0.
<div style="border:1px solid #506bb0;">Content here</div>
.text {color:#506bb0;}
.background {background-color:#506bb0;}
.border {border:1px solid #506bb0;}
Shades and Tints of #506bb0
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, #000001 is the darkest color, while #f2f4f9 is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#06090e
#06090e
rgb(6,9,14)
-
#0d111c
#0d111c
rgb(13,17,28)
-
#131929
#131929
rgb(19,25,41)
-
#192137
#192137
rgb(25,33,55)
-
#1f2944
#1f2944
rgb(31,41,68)
-
#253252
#253252
rgb(37,50,82)
-
#2b3a5f
#2b3a5f
rgb(43,58,95)
-
#31426d
#31426d
rgb(49,66,109)
-
#374a7a
#374a7a
rgb(55,74,122)
-
#3d5288
#3d5288
rgb(61,82,136)
-
#435a95
#435a95
rgb(67,90,149)
-
#4a63a3
#4a63a3
rgb(74,99,163)
-
#506bb0
#506bb0
rgb(80,107,176)
-
#5e76b6
#5e76b6
rgb(94,118,182)
-
#6b82bc
#6b82bc
rgb(107,130,188)
-
#798dc2
#798dc2
rgb(121,141,194)
-
#8699c8
#8699c8
rgb(134,153,200)
-
#94a4cf
#94a4cf
rgb(148,164,207)
-
#a1b0d5
#a1b0d5
rgb(161,176,213)
-
#afbbdb
#afbbdb
rgb(175,187,219)
-
#bcc6e1
#bcc6e1
rgb(188,198,225)
-
#cad2e7
#cad2e7
rgb(202,210,231)
-
#d7dded
#d7dded
rgb(215,221,237)
-
#e5e9f3
#e5e9f3
rgb(229,233,243)
-
#f2f4f9
#f2f4f9
rgb(242,244,249)
Tones of #506bb0
A tone is produced by adding gray to any pure hue. In this case, #777c89 is the less saturated color, while #0249fe is the most saturated one.
-
#777c89
#777c89
rgb(119,124,137)
-
#6d7893
#6d7893
rgb(109,120,147)
-
#64749c
#64749c
rgb(100,116,156)
-
#5a6fa6
#5a6fa6
rgb(90,111,166)
-
#506bb0
#506bb0
rgb(80,107,176)
-
#4667ba
#4667ba
rgb(70,103,186)
-
#3c62c4
#3c62c4
rgb(60,98,196)
-
#335ecd
#335ecd
rgb(51,94,205)
-
#295ad7
#295ad7
rgb(41,90,215)
-
#1f56e1
#1f56e1
rgb(31,86,225)
-
#1551eb
#1551eb
rgb(21,81,235)
-
#0c4df4
#0c4df4
rgb(12,77,244)
-
#0249fe
#0249fe
rgb(2,73,254)
Color Blindness Simulator
Below, you can see how #506bb0 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.