#506566 Color Information
In a RGB color space, hex #506566 is composed of 31.4% red, 39.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 1% magenta, 0% yellow and 60% black. It has a hue angle of 182.7 degrees, a saturation of 12.1% and a lightness of 35.7%. #506566 color hex could be obtained by blending #a0cacc with #000000. Closest websafe color is: #666666.
-
- R 31
- G 40
- B 40
-
- C 22
- M 1
- Y 0
- K 60
● #506566 color description : Very dark grayish cyan.
#506566 Color Conversion
The hexadecimal color #506566 has RGB values of R:80, G:101, B:102 and CMYK values of C:0.22, M:0.01, Y:0, K:0.6. Its decimal value is 5268838.
Hex triplet | 506566 | #506566 |
---|---|---|
RGB Decimal | 80, 101, 102 | rgb(80,101,102) |
RGB Percent | 31.4, 39.6, 40 | rgb(31.4%,39.6%,40%) |
CMYK | 22, 1, 0, 60 | |
HSL | 182.7°, 12.1, 35.7 | hsl(182.7,12.1%,35.7%) |
HSV (or HSB) | 182.7°, 21.6, 40 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 41.171, -7.589, -3.172 |
---|---|
XYZ | 10.36, 11.972, 14.335 |
xyY | 0.283, 0.327, 11.972 |
CIE-LCH | 41.171, 8.225, 202.683 |
CIE-LUV | 41.171, -10.676, -3.098 |
Hunter-Lab | 34.6, -7.106, -0.343 |
Binary | 01010000, 01100101, 01100110 |
Color Schemes with #506566
Alternatives to #506566
Below, you can see some colors close to #506566. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506566 Preview
This text has a font color of #506566.
<span style="color:#506566;">Text here</span>
This paragraph has a background color of #506566.
<p style="background-color:#506566;">Content here</p>
This element has a border color of #506566.
<div style="border:1px solid #506566;">Content here</div>
.text {color:#506566;}
.background {background-color:#506566;}
.border {border:1px solid #506566;}
Shades and Tints of #506566
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, #020303 is the darkest color, while #f7f9f9 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#0b0e0e
#0b0e0e
rgb(11,14,14)
-
#141919
#141919
rgb(20,25,25)
-
#1c2424
#1c2424
rgb(28,36,36)
-
#252f2f
#252f2f
rgb(37,47,47)
-
#2e393a
#2e393a
rgb(46,57,58)
-
#364445
#364445
rgb(54,68,69)
-
#3f4f50
#3f4f50
rgb(63,79,80)
-
#475a5b
#475a5b
rgb(71,90,91)
-
#506566
#506566
rgb(80,101,102)
-
#597071
#597071
rgb(89,112,113)
-
#617b7c
#617b7c
rgb(97,123,124)
-
#6a8687
#6a8687
rgb(106,134,135)
-
#739091
#739091
rgb(115,144,145)
-
#7e999a
#7e999a
rgb(126,153,154)
-
#89a1a3
#89a1a3
rgb(137,161,163)
-
#94aaab
#94aaab
rgb(148,170,171)
-
#9fb3b4
#9fb3b4
rgb(159,179,180)
-
#aabcbc
#aabcbc
rgb(170,188,188)
-
#b5c4c5
#b5c4c5
rgb(181,196,197)
-
#c0cdce
#c0cdce
rgb(192,205,206)
-
#cbd6d6
#cbd6d6
rgb(203,214,214)
-
#d6dfdf
#d6dfdf
rgb(214,223,223)
-
#e1e7e8
#e1e7e8
rgb(225,231,232)
-
#ecf0f0
#ecf0f0
rgb(236,240,240)
-
#f7f9f9
#f7f9f9
rgb(247,249,249)
Tones of #506566
A tone is produced by adding gray to any pure hue. In this case, #575f5f is the less saturated color, while #03abb3 is the most saturated one.
-
#575f5f
#575f5f
rgb(87,95,95)
-
#506566
#506566
rgb(80,101,102)
-
#496b6d
#496b6d
rgb(73,107,109)
-
#427274
#427274
rgb(66,114,116)
-
#3b787b
#3b787b
rgb(59,120,123)
-
#347e82
#347e82
rgb(52,126,130)
-
#2d8589
#2d8589
rgb(45,133,137)
-
#268b90
#268b90
rgb(38,139,144)
-
#1f9297
#1f9297
rgb(31,146,151)
-
#18989e
#18989e
rgb(24,152,158)
-
#119ea5
#119ea5
rgb(17,158,165)
-
#0aa5ac
#0aa5ac
rgb(10,165,172)
-
#03abb3
#03abb3
rgb(3,171,179)
Color Blindness Simulator
Below, you can see how #506566 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.