#506678 Color Information
In a RGB color space, hex #506678 is composed of 31.4% red, 40% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 15% magenta, 0% yellow and 52.9% black. It has a hue angle of 207 degrees, a saturation of 20% and a lightness of 39.2%. #506678 color hex could be obtained by blending #a0ccf0 with #000000. Closest websafe color is: #666666.
-
- R 31
- G 40
- B 47
-
- C 33
- M 15
- Y 0
- K 53
● #506678 color description : Mostly desaturated dark blue.
#506678 Color Conversion
The hexadecimal color #506678 has RGB values of R:80, G:102, B:120 and CMYK values of C:0.33, M:0.15, Y:0, K:0.53. Its decimal value is 5269112.
Hex triplet | 506678 | #506678 |
---|---|---|
RGB Decimal | 80, 102, 120 | rgb(80,102,120) |
RGB Percent | 31.4, 40, 47.1 | rgb(31.4%,40%,47.1%) |
CMYK | 33, 15, 0, 53 | |
HSL | 207°, 20, 39.2 | hsl(207,20%,39.2%) |
HSV (or HSB) | 207°, 33.3, 47.1 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 42.099, -3.492, -12.737 |
---|---|
XYZ | 11.449, 12.564, 19.59 |
xyY | 0.263, 0.288, 12.564 |
CIE-LCH | 42.099, 13.207, 254.67 |
CIE-LUV | 42.099, -11.384, -17.08 |
Hunter-Lab | 35.446, -4.374, -7.957 |
Binary | 01010000, 01100110, 01111000 |
Color Schemes with #506678
Alternatives to #506678
Below, you can see some colors close to #506678. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506678 Preview
This text has a font color of #506678.
<span style="color:#506678;">Text here</span>
This paragraph has a background color of #506678.
<p style="background-color:#506678;">Content here</p>
This element has a border color of #506678.
<div style="border:1px solid #506678;">Content here</div>
.text {color:#506678;}
.background {background-color:#506678;}
.border {border:1px solid #506678;}
Shades and Tints of #506678
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, #020202 is the darkest color, while #f6f7f9 is the lightest one.
-
#020202
#020202
rgb(2,2,2)
-
#090c0e
#090c0e
rgb(9,12,14)
-
#11161a
#11161a
rgb(17,22,26)
-
#192026
#192026
rgb(25,32,38)
-
#212a31
#212a31
rgb(33,42,49)
-
#29343d
#29343d
rgb(41,52,61)
-
#313e49
#313e49
rgb(49,62,73)
-
#384855
#384855
rgb(56,72,85)
-
#405260
#405260
rgb(64,82,96)
-
#485c6c
#485c6c
rgb(72,92,108)
-
#506678
#506678
rgb(80,102,120)
-
#587084
#587084
rgb(88,112,132)
-
#607a90
#607a90
rgb(96,122,144)
-
#68849b
#68849b
rgb(104,132,155)
-
#748ea2
#748ea2
rgb(116,142,162)
-
#8097aa
#8097aa
rgb(128,151,170)
-
#8ca1b2
#8ca1b2
rgb(140,161,178)
-
#97aaba
#97aaba
rgb(151,170,186)
-
#a3b4c2
#a3b4c2
rgb(163,180,194)
-
#afbeca
#afbeca
rgb(175,190,202)
-
#bbc7d1
#bbc7d1
rgb(187,199,209)
-
#c6d1d9
#c6d1d9
rgb(198,209,217)
-
#d2dae1
#d2dae1
rgb(210,218,225)
-
#dee4e9
#dee4e9
rgb(222,228,233)
-
#eaeef1
#eaeef1
rgb(234,238,241)
-
#f6f7f9
#f6f7f9
rgb(246,247,249)
Tones of #506678
A tone is produced by adding gray to any pure hue. In this case, #5f6469 is the less saturated color, while #036ec5 is the most saturated one.
-
#5f6469
#5f6469
rgb(95,100,105)
-
#586570
#586570
rgb(88,101,112)
-
#506678
#506678
rgb(80,102,120)
-
#486780
#486780
rgb(72,103,128)
-
#416887
#416887
rgb(65,104,135)
-
#39688f
#39688f
rgb(57,104,143)
-
#316997
#316997
rgb(49,105,151)
-
#2a6a9e
#2a6a9e
rgb(42,106,158)
-
#226ba6
#226ba6
rgb(34,107,166)
-
#1a6bae
#1a6bae
rgb(26,107,174)
-
#126cb6
#126cb6
rgb(18,108,182)
-
#0b6dbd
#0b6dbd
rgb(11,109,189)
-
#036ec5
#036ec5
rgb(3,110,197)
Color Blindness Simulator
Below, you can see how #506678 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.