#506a84 Color Information
In a RGB color space, hex #506a84 is composed of 31.4% red, 41.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 19.7% magenta, 0% yellow and 48.2% black. It has a hue angle of 210 degrees, a saturation of 24.5% and a lightness of 41.6%. #506a84 color hex could be obtained by blending #a0d4ff with #000009. Closest websafe color is: #666699.
-
- R 31
- G 42
- B 52
-
- C 39
- M 20
- Y 0
- K 48
● #506a84 color description : Mostly desaturated dark blue.
#506a84 Color Conversion
The hexadecimal color #506a84 has RGB values of R:80, G:106, B:132 and CMYK values of C:0.39, M:0.2, Y:0, K:0.48. Its decimal value is 5270148.
Hex triplet | 506a84 | #506a84 |
---|---|---|
RGB Decimal | 80, 106, 132 | rgb(80,106,132) |
RGB Percent | 31.4, 41.6, 51.8 | rgb(31.4%,41.6%,51.8%) |
CMYK | 39, 20, 0, 48 | |
HSL | 210°, 24.5, 41.6 | hsl(210,24.5%,41.6%) |
HSV (or HSB) | 210°, 39.4, 51.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 43.769, -2.503, -17.432 |
---|---|
XYZ | 12.626, 13.679, 23.804 |
xyY | 0.252, 0.273, 13.679 |
CIE-LCH | 43.769, 17.611, 261.83 |
CIE-LUV | 43.769, -13.21, -24.281 |
Hunter-Lab | 36.985, -3.787, -12.269 |
Binary | 01010000, 01101010, 10000100 |
Color Schemes with #506a84
Alternatives to #506a84
Below, you can see some colors close to #506a84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506a84 Preview
This text has a font color of #506a84.
<span style="color:#506a84;">Text here</span>
This paragraph has a background color of #506a84.
<p style="background-color:#506a84;">Content here</p>
This element has a border color of #506a84.
<div style="border:1px solid #506a84;">Content here</div>
.text {color:#506a84;}
.background {background-color:#506a84;}
.border {border:1px solid #506a84;}
Shades and Tints of #506a84
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, #06080a is the darkest color, while #fdfdfe is the lightest one.
-
#06080a
#06080a
rgb(6,8,10)
-
#0d1216
#0d1216
rgb(13,18,22)
-
#151c22
#151c22
rgb(21,28,34)
-
#1c252f
#1c252f
rgb(28,37,47)
-
#242f3b
#242f3b
rgb(36,47,59)
-
#2b3947
#2b3947
rgb(43,57,71)
-
#324353
#324353
rgb(50,67,83)
-
#3a4d5f
#3a4d5f
rgb(58,77,95)
-
#41566c
#41566c
rgb(65,86,108)
-
#496078
#496078
rgb(73,96,120)
-
#506a84
#506a84
rgb(80,106,132)
-
#577490
#577490
rgb(87,116,144)
-
#5f7e9c
#5f7e9c
rgb(95,126,156)
-
#6a87a5
#6a87a5
rgb(106,135,165)
-
#7691ac
#7691ac
rgb(118,145,172)
-
#839bb4
#839bb4
rgb(131,155,180)
-
#8fa5bb
#8fa5bb
rgb(143,165,187)
-
#9bafc2
#9bafc2
rgb(155,175,194)
-
#a7b8ca
#a7b8ca
rgb(167,184,202)
-
#b3c2d1
#b3c2d1
rgb(179,194,209)
-
#c0ccd9
#c0ccd9
rgb(192,204,217)
-
#ccd6e0
#ccd6e0
rgb(204,214,224)
-
#d8e0e7
#d8e0e7
rgb(216,224,231)
-
#e4eaef
#e4eaef
rgb(228,234,239)
-
#f0f3f6
#f0f3f6
rgb(240,243,246)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #506a84
A tone is produced by adding gray to any pure hue. In this case, #686a6c is the less saturated color, while #076acd is the most saturated one.
-
#686a6c
#686a6c
rgb(104,106,108)
-
#606a74
#606a74
rgb(96,106,116)
-
#586a7c
#586a7c
rgb(88,106,124)
-
#506a84
#506a84
rgb(80,106,132)
-
#486a8c
#486a8c
rgb(72,106,140)
-
#406a94
#406a94
rgb(64,106,148)
-
#386a9c
#386a9c
rgb(56,106,156)
-
#2f6aa5
#2f6aa5
rgb(47,106,165)
-
#276aad
#276aad
rgb(39,106,173)
-
#1f6ab5
#1f6ab5
rgb(31,106,181)
-
#176abd
#176abd
rgb(23,106,189)
-
#0f6ac5
#0f6ac5
rgb(15,106,197)
-
#076acd
#076acd
rgb(7,106,205)
Color Blindness Simulator
Below, you can see how #506a84 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.