#506163 Color Information
In a RGB color space, hex #506163 is composed of 31.4% red, 38% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 19.2% cyan, 2% magenta, 0% yellow and 61.2% black. It has a hue angle of 186.3 degrees, a saturation of 10.6% and a lightness of 35.1%. #506163 color hex could be obtained by blending #a0c2c6 with #000000. Closest websafe color is: #666666.
-
- R 31
- G 38
- B 39
-
- C 19
- M 2
- Y 0
- K 61
● #506163 color description : Very dark grayish cyan.
#506163 Color Conversion
The hexadecimal color #506163 has RGB values of R:80, G:97, B:99 and CMYK values of C:0.19, M:0.02, Y:0, K:0.61. Its decimal value is 5267811.
Hex triplet | 506163 | #506163 |
---|---|---|
RGB Decimal | 80, 97, 99 | rgb(80,97,99) |
RGB Percent | 31.4, 38, 38.8 | rgb(31.4%,38%,38.8%) |
CMYK | 19, 2, 0, 61 | |
HSL | 186.3°, 10.6, 35.1 | hsl(186.3,10.6%,35.1%) |
HSV (or HSB) | 186.3°, 19.2, 38.8 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 39.841, -5.961, -3.3 |
---|---|
XYZ | 9.835, 11.155, 13.439 |
xyY | 0.286, 0.324, 11.155 |
CIE-LCH | 39.841, 6.813, 208.972 |
CIE-LUV | 39.841, -8.784, -3.467 |
Hunter-Lab | 33.4, -5.89, -0.476 |
Binary | 01010000, 01100001, 01100011 |
Color Schemes with #506163
Alternatives to #506163
Below, you can see some colors close to #506163. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506163 Preview
This text has a font color of #506163.
<span style="color:#506163;">Text here</span>
This paragraph has a background color of #506163.
<p style="background-color:#506163;">Content here</p>
This element has a border color of #506163.
<div style="border:1px solid #506163;">Content here</div>
.text {color:#506163;}
.background {background-color:#506163;}
.border {border:1px solid #506163;}
Shades and Tints of #506163
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, #010101 is the darkest color, while #f6f7f7 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#0a0c0c
#0a0c0c
rgb(10,12,12)
-
#131717
#131717
rgb(19,23,23)
-
#1b2122
#1b2122
rgb(27,33,34)
-
#242c2d
#242c2d
rgb(36,44,45)
-
#2d3638
#2d3638
rgb(45,54,56)
-
#364142
#364142
rgb(54,65,66)
-
#3e4c4d
#3e4c4d
rgb(62,76,77)
-
#475658
#475658
rgb(71,86,88)
-
#506163
#506163
rgb(80,97,99)
-
#596c6e
#596c6e
rgb(89,108,110)
-
#627679
#627679
rgb(98,118,121)
-
#6a8184
#6a8184
rgb(106,129,132)
-
#738b8e
#738b8e
rgb(115,139,142)
-
#7e9497
#7e9497
rgb(126,148,151)
-
#899da0
#899da0
rgb(137,157,160)
-
#94a6a8
#94a6a8
rgb(148,166,168)
-
#9fafb1
#9fafb1
rgb(159,175,177)
-
#aab8ba
#aab8ba
rgb(170,184,186)
-
#b4c1c3
#b4c1c3
rgb(180,193,195)
-
#bfcacc
#bfcacc
rgb(191,202,204)
-
#cad3d4
#cad3d4
rgb(202,211,212)
-
#d5dcdd
#d5dcdd
rgb(213,220,221)
-
#e0e5e6
#e0e5e6
rgb(224,229,230)
-
#ebeeef
#ebeeef
rgb(235,238,239)
-
#f6f7f7
#f6f7f7
rgb(246,247,247)
Tones of #506163
A tone is produced by adding gray to any pure hue. In this case, #575c5c is the less saturated color, while #049daf is the most saturated one.
-
#575c5c
#575c5c
rgb(87,92,92)
-
#506163
#506163
rgb(80,97,99)
-
#49666a
#49666a
rgb(73,102,106)
-
#426c71
#426c71
rgb(66,108,113)
-
#3b7178
#3b7178
rgb(59,113,120)
-
#34777f
#34777f
rgb(52,119,127)
-
#2e7c85
#2e7c85
rgb(46,124,133)
-
#27828c
#27828c
rgb(39,130,140)
-
#208793
#208793
rgb(32,135,147)
-
#198c9a
#198c9a
rgb(25,140,154)
-
#1292a1
#1292a1
rgb(18,146,161)
-
#0b97a8
#0b97a8
rgb(11,151,168)
-
#049daf
#049daf
rgb(4,157,175)
Color Blindness Simulator
Below, you can see how #506163 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.