#505561 Color Information
In a RGB color space, hex #505561 is composed of 31.4% red, 33.3% green and 38% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 12.4% magenta, 0% yellow and 62% black. It has a hue angle of 222.4 degrees, a saturation of 9.6% and a lightness of 34.7%. #505561 color hex could be obtained by blending #a0aac2 with #000000. Closest websafe color is: #666666.
-
- R 31
- G 33
- B 38
-
- C 18
- M 12
- Y 0
- K 62
● #505561 color description : Very dark grayish blue.
#505561 Color Conversion
The hexadecimal color #505561 has RGB values of R:80, G:85, B:97 and CMYK values of C:0.18, M:0.12, Y:0, K:0.62. Its decimal value is 5264737.
Hex triplet | 505561 | #505561 |
---|---|---|
RGB Decimal | 80, 85, 97 | rgb(80,85,97) |
RGB Percent | 31.4, 33.3, 38 | rgb(31.4%,33.3%,38%) |
CMYK | 18, 12, 0, 62 | |
HSL | 222.4°, 9.6, 34.7 | hsl(222.4,9.6%,34.7%) |
HSV (or HSB) | 222.4°, 17.5, 38 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 36.11, 0.845, -7.615 |
---|---|
XYZ | 8.714, 9.065, 12.599 |
xyY | 0.287, 0.298, 9.065 |
CIE-LCH | 36.11, 7.662, 276.33 |
CIE-LUV | 36.11, -3.211, -9.979 |
Hunter-Lab | 30.109, -1.03, -3.734 |
Binary | 01010000, 01010101, 01100001 |
Color Schemes with #505561
Alternatives to #505561
Below, you can see some colors close to #505561. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#505561 Preview
This text has a font color of #505561.
<span style="color:#505561;">Text here</span>
This paragraph has a background color of #505561.
<p style="background-color:#505561;">Content here</p>
This element has a border color of #505561.
<div style="border:1px solid #505561;">Content here</div>
.text {color:#505561;}
.background {background-color:#505561;}
.border {border:1px solid #505561;}
Shades and Tints of #505561
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)
-
#090a0b
#090a0b
rgb(9,10,11)
-
#121316
#121316
rgb(18,19,22)
-
#1b1c21
#1b1c21
rgb(27,28,33)
-
#24262b
#24262b
rgb(36,38,43)
-
#2d2f36
#2d2f36
rgb(45,47,54)
-
#353941
#353941
rgb(53,57,65)
-
#3e424c
#3e424c
rgb(62,66,76)
-
#474c56
#474c56
rgb(71,76,86)
-
#505561
#505561
rgb(80,85,97)
-
#595e6c
#595e6c
rgb(89,94,108)
-
#626876
#626876
rgb(98,104,118)
-
#6b7181
#6b7181
rgb(107,113,129)
-
#747b8c
#747b8c
rgb(116,123,140)
-
#7e8595
#7e8595
rgb(126,133,149)
-
#898f9e
#898f9e
rgb(137,143,158)
-
#9499a7
#9499a7
rgb(148,153,167)
-
#9fa3af
#9fa3af
rgb(159,163,175)
-
#a9aeb8
#a9aeb8
rgb(169,174,184)
-
#b4b8c1
#b4b8c1
rgb(180,184,193)
-
#bfc2ca
#bfc2ca
rgb(191,194,202)
-
#caccd3
#caccd3
rgb(202,204,211)
-
#d4d6dc
#d4d6dc
rgb(212,214,220)
-
#dfe1e5
#dfe1e5
rgb(223,225,229)
-
#eaebed
#eaebed
rgb(234,235,237)
-
#f5f5f6
#f5f5f6
rgb(245,245,246)
Tones of #505561
A tone is produced by adding gray to any pure hue. In this case, #57585a is the less saturated color, while #0536ac is the most saturated one.
-
#57585a
#57585a
rgb(87,88,90)
-
#505561
#505561
rgb(80,85,97)
-
#495268
#495268
rgb(73,82,104)
-
#424f6f
#424f6f
rgb(66,79,111)
-
#3c4d75
#3c4d75
rgb(60,77,117)
-
#354a7c
#354a7c
rgb(53,74,124)
-
#2e4783
#2e4783
rgb(46,71,131)
-
#27448a
#27448a
rgb(39,68,138)
-
#204191
#204191
rgb(32,65,145)
-
#1a3f97
#1a3f97
rgb(26,63,151)
-
#133c9e
#133c9e
rgb(19,60,158)
-
#0c39a5
#0c39a5
rgb(12,57,165)
-
#0536ac
#0536ac
rgb(5,54,172)
Color Blindness Simulator
Below, you can see how #505561 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.