#506cbb Color Information
In a RGB color space, hex #506cbb is composed of 31.4% red, 42.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 42.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 224.3 degrees, a saturation of 44% and a lightness of 52.4%. #506cbb color hex could be obtained by blending #a0d8ff with #000077. Closest websafe color is: #6666cc.
-
- R 31
- G 42
- B 73
-
- C 57
- M 42
- Y 0
- K 27
● #506cbb color description : Moderate blue.
#506cbb Color Conversion
The hexadecimal color #506cbb has RGB values of R:80, G:108, B:187 and CMYK values of C:0.57, M:0.42, Y:0, K:0.27. Its decimal value is 5270715.
Hex triplet | 506cbb | #506cbb |
---|---|---|
RGB Decimal | 80, 108, 187 | rgb(80,108,187) |
RGB Percent | 31.4, 42.4, 73.3 | rgb(31.4%,42.4%,73.3%) |
CMYK | 57, 42, 0, 27 | |
HSL | 224.3°, 44, 52.4 | hsl(224.3,44%,52.4%) |
HSV (or HSB) | 224.3°, 57.2, 73.3 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 46.998, 13.656, -44.829 |
---|---|
XYZ | 17.639, 16.018, 49.173 |
xyY | 0.213, 0.193, 16.018 |
CIE-LCH | 46.998, 46.862, 286.942 |
CIE-LUV | 46.998, -14.549, -68.893 |
Hunter-Lab | 40.022, 8.631, -44.832 |
Binary | 01010000, 01101100, 10111011 |
Color Schemes with #506cbb
Alternatives to #506cbb
Below, you can see some colors close to #506cbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506cbb Preview
This text has a font color of #506cbb.
<span style="color:#506cbb;">Text here</span>
This paragraph has a background color of #506cbb.
<p style="background-color:#506cbb;">Content here</p>
This element has a border color of #506cbb.
<div style="border:1px solid #506cbb;">Content here</div>
.text {color:#506cbb;}
.background {background-color:#506cbb;}
.border {border:1px solid #506cbb;}
Shades and Tints of #506cbb
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, #030509 is the darkest color, while #fafafd is the lightest one.
-
#030509
#030509
rgb(3,5,9)
-
#090c17
#090c17
rgb(9,12,23)
-
#0e1425
#0e1425
rgb(14,20,37)
-
#141c33
#141c33
rgb(20,28,51)
-
#192441
#192441
rgb(25,36,65)
-
#1f2b4f
#1f2b4f
rgb(31,43,79)
-
#24335d
#24335d
rgb(36,51,93)
-
#2a3b6c
#2a3b6c
rgb(42,59,108)
-
#2f437a
#2f437a
rgb(47,67,122)
-
#354a88
#354a88
rgb(53,74,136)
-
#3a5296
#3a5296
rgb(58,82,150)
-
#405aa4
#405aa4
rgb(64,90,164)
-
#4562b2
#4562b2
rgb(69,98,178)
-
#506cbb
#506cbb
rgb(80,108,187)
-
#5e78c0
#5e78c0
rgb(94,120,192)
-
#6c84c6
#6c84c6
rgb(108,132,198)
-
#7a90cb
#7a90cb
rgb(122,144,203)
-
#899bd1
#899bd1
rgb(137,155,209)
-
#97a7d6
#97a7d6
rgb(151,167,214)
-
#a5b3dc
#a5b3dc
rgb(165,179,220)
-
#b3bfe1
#b3bfe1
rgb(179,191,225)
-
#c1cbe7
#c1cbe7
rgb(193,203,231)
-
#cfd7ec
#cfd7ec
rgb(207,215,236)
-
#dde3f2
#dde3f2
rgb(221,227,242)
-
#ebeff7
#ebeff7
rgb(235,239,247)
-
#fafafd
#fafafd
rgb(250,250,253)
Tones of #506cbb
A tone is produced by adding gray to any pure hue. In this case, #7f828c is the less saturated color, while #0f4dfc is the most saturated one.
-
#7f828c
#7f828c
rgb(127,130,140)
-
#757e96
#757e96
rgb(117,126,150)
-
#6c799f
#6c799f
rgb(108,121,159)
-
#6375a8
#6375a8
rgb(99,117,168)
-
#5970b2
#5970b2
rgb(89,112,178)
-
#506cbb
#506cbb
rgb(80,108,187)
-
#4768c4
#4768c4
rgb(71,104,196)
-
#3d63ce
#3d63ce
rgb(61,99,206)
-
#345fd7
#345fd7
rgb(52,95,215)
-
#2b5ae0
#2b5ae0
rgb(43,90,224)
-
#2156ea
#2156ea
rgb(33,86,234)
-
#1851f3
#1851f3
rgb(24,81,243)
-
#0f4dfc
#0f4dfc
rgb(15,77,252)
Color Blindness Simulator
Below, you can see how #506cbb 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.