#505161 Color Information
In a RGB color space, hex #505161 is composed of 31.4% red, 31.8% green and 38% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 16.5% magenta, 0% yellow and 62% black. It has a hue angle of 236.5 degrees, a saturation of 9.6% and a lightness of 34.7%. #505161 color hex could be obtained by blending #a0a2c2 with #000000. Closest websafe color is: #666666.
-
- R 31
- G 32
- B 38
-
- C 18
- M 16
- Y 0
- K 62
● #505161 color description : Very dark grayish blue.
#505161 Color Conversion
The hexadecimal color #505161 has RGB values of R:80, G:81, B:97 and CMYK values of C:0.18, M:0.16, Y:0, K:0.62. Its decimal value is 5263713.
Hex triplet | 505161 | #505161 |
---|---|---|
RGB Decimal | 80, 81, 97 | rgb(80,81,97) |
RGB Percent | 31.4, 31.8, 38 | rgb(31.4%,31.8%,38%) |
CMYK | 18, 16, 0, 62 | |
HSL | 236.5°, 9.6, 34.7 | hsl(236.5,9.6%,34.7%) |
HSV (or HSB) | 236.5°, 17.5, 38 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 34.91, 3.347, -9.421 |
---|---|
XYZ | 8.408, 8.453, 12.497 |
xyY | 0.286, 0.288, 8.453 |
CIE-LCH | 34.91, 9.998, 289.561 |
CIE-LUV | 34.91, -1.406, -12.618 |
Hunter-Lab | 29.075, 0.739, -5.133 |
Binary | 01010000, 01010001, 01100001 |
Color Schemes with #505161
Alternatives to #505161
Below, you can see some colors close to #505161. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#505161 Preview
This text has a font color of #505161.
<span style="color:#505161;">Text here</span>
This paragraph has a background color of #505161.
<p style="background-color:#505161;">Content here</p>
This element has a border color of #505161.
<div style="border:1px solid #505161;">Content here</div>
.text {color:#505161;}
.background {background-color:#505161;}
.border {border:1px solid #505161;}
Shades and Tints of #505161
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, #000000 is the darkest color, while #f5f5f6 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#09090b
#09090b
rgb(9,9,11)
-
#121216
#121216
rgb(18,18,22)
-
#1b1b21
#1b1b21
rgb(27,27,33)
-
#24242b
#24242b
rgb(36,36,43)
-
#2d2d36
#2d2d36
rgb(45,45,54)
-
#353641
#353641
rgb(53,54,65)
-
#3e3f4c
#3e3f4c
rgb(62,63,76)
-
#474856
#474856
rgb(71,72,86)
-
#505161
#505161
rgb(80,81,97)
-
#595a6c
#595a6c
rgb(89,90,108)
-
#626376
#626376
rgb(98,99,118)
-
#6b6c81
#6b6c81
rgb(107,108,129)
-
#74758c
#74758c
rgb(116,117,140)
-
#7e8095
#7e8095
rgb(126,128,149)
-
#898a9e
#898a9e
rgb(137,138,158)
-
#9495a7
#9495a7
rgb(148,149,167)
-
#9fa0af
#9fa0af
rgb(159,160,175)
-
#a9aab8
#a9aab8
rgb(169,170,184)
-
#b4b5c1
#b4b5c1
rgb(180,181,193)
-
#bfbfca
#bfbfca
rgb(191,191,202)
-
#cacad3
#cacad3
rgb(202,202,211)
-
#d4d5dc
#d4d5dc
rgb(212,213,220)
-
#dfdfe5
#dfdfe5
rgb(223,223,229)
-
#eaeaed
#eaeaed
rgb(234,234,237)
-
#f5f5f6
#f5f5f6
rgb(245,245,246)
Tones of #505161
A tone is produced by adding gray to any pure hue. In this case, #57575a is the less saturated color, while #050fac is the most saturated one.
-
#57575a
#57575a
rgb(87,87,90)
-
#505161
#505161
rgb(80,81,97)
-
#494b68
#494b68
rgb(73,75,104)
-
#42456f
#42456f
rgb(66,69,111)
-
#3c3f75
#3c3f75
rgb(60,63,117)
-
#35397c
#35397c
rgb(53,57,124)
-
#2e3383
#2e3383
rgb(46,51,131)
-
#272d8a
#272d8a
rgb(39,45,138)
-
#202791
#202791
rgb(32,39,145)
-
#1a2197
#1a2197
rgb(26,33,151)
-
#131b9e
#131b9e
rgb(19,27,158)
-
#0c15a5
#0c15a5
rgb(12,21,165)
-
#050fac
#050fac
rgb(5,15,172)
Color Blindness Simulator
Below, you can see how #505161 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.