#506bb2 Color Information
In a RGB color space, hex #506bb2 is composed of 31.4% red, 42% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 39.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 223.5 degrees, a saturation of 38.9% and a lightness of 50.6%. #506bb2 color hex could be obtained by blending #a0d6ff with #000065. Closest websafe color is: #666699.
-
- R 31
- G 42
- B 70
-
- C 55
- M 40
- Y 0
- K 30
● #506bb2 color description : Dark moderate blue.
#506bb2 Color Conversion
The hexadecimal color #506bb2 has RGB values of R:80, G:107, B:178 and CMYK values of C:0.55, M:0.4, Y:0, K:0.3. Its decimal value is 5270450.
Hex triplet | 506bb2 | #506bb2 |
---|---|---|
RGB Decimal | 80, 107, 178 | rgb(80,107,178) |
RGB Percent | 31.4, 42, 69.8 | rgb(31.4%,42%,69.8%) |
CMYK | 55, 40, 0, 30 | |
HSL | 223.5°, 38.9, 50.6 | hsl(223.5,38.9%,50.6%) |
HSV (or HSB) | 223.5°, 55.1, 69.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 46.224, 11.282, -40.829 |
---|---|
XYZ | 16.6, 15.434, 44.221 |
xyY | 0.218, 0.202, 15.434 |
CIE-LCH | 46.224, 42.359, 285.446 |
CIE-LUV | 46.224, -14.097, -62.214 |
Hunter-Lab | 39.287, 6.671, -39.237 |
Binary | 01010000, 01101011, 10110010 |
Color Schemes with #506bb2
Alternatives to #506bb2
Below, you can see some colors close to #506bb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506bb2 Preview
This text has a font color of #506bb2.
<span style="color:#506bb2;">Text here</span>
This paragraph has a background color of #506bb2.
<p style="background-color:#506bb2;">Content here</p>
This element has a border color of #506bb2.
<div style="border:1px solid #506bb2;">Content here</div>
.text {color:#506bb2;}
.background {background-color:#506bb2;}
.border {border:1px solid #506bb2;}
Shades and Tints of #506bb2
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, #010102 is the darkest color, while #f3f5fa is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#070910
#070910
rgb(7,9,16)
-
#0d111d
#0d111d
rgb(13,17,29)
-
#131a2b
#131a2b
rgb(19,26,43)
-
#192239
#192239
rgb(25,34,57)
-
#1f2a46
#1f2a46
rgb(31,42,70)
-
#253254
#253254
rgb(37,50,84)
-
#2b3a61
#2b3a61
rgb(43,58,97)
-
#31426f
#31426f
rgb(49,66,111)
-
#374a7d
#374a7d
rgb(55,74,125)
-
#3d528a
#3d528a
rgb(61,82,138)
-
#435a98
#435a98
rgb(67,90,152)
-
#4962a6
#4962a6
rgb(73,98,166)
-
#506bb2
#506bb2
rgb(80,107,178)
-
#5e77b8
#5e77b8
rgb(94,119,184)
-
#6b82be
#6b82be
rgb(107,130,190)
-
#798ec4
#798ec4
rgb(121,142,196)
-
#8699ca
#8699ca
rgb(134,153,202)
-
#94a5d0
#94a5d0
rgb(148,165,208)
-
#a2b0d6
#a2b0d6
rgb(162,176,214)
-
#afbcdc
#afbcdc
rgb(175,188,220)
-
#bdc7e2
#bdc7e2
rgb(189,199,226)
-
#cbd3e8
#cbd3e8
rgb(203,211,232)
-
#d8deee
#d8deee
rgb(216,222,238)
-
#e6eaf4
#e6eaf4
rgb(230,234,244)
-
#f3f5fa
#f3f5fa
rgb(243,245,250)
Tones of #506bb2
A tone is produced by adding gray to any pure hue. In this case, #808182 is the less saturated color, while #0c4df6 is the most saturated one.
-
#808182
#808182
rgb(128,129,130)
-
#777c8b
#777c8b
rgb(119,124,139)
-
#6d7895
#6d7895
rgb(109,120,149)
-
#63749f
#63749f
rgb(99,116,159)
-
#5a6fa8
#5a6fa8
rgb(90,111,168)
-
#506bb2
#506bb2
rgb(80,107,178)
-
#4667bc
#4667bc
rgb(70,103,188)
-
#3d62c5
#3d62c5
rgb(61,98,197)
-
#335ecf
#335ecf
rgb(51,94,207)
-
#295ad9
#295ad9
rgb(41,90,217)
-
#2055e2
#2055e2
rgb(32,85,226)
-
#1651ec
#1651ec
rgb(22,81,236)
-
#0c4df6
#0c4df6
rgb(12,77,246)
Color Blindness Simulator
Below, you can see how #506bb2 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.