#505157 Color Information
In a RGB color space, hex #505157 is composed of 31.4% red, 31.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 8% cyan, 6.9% magenta, 0% yellow and 65.9% black. It has a hue angle of 231.4 degrees, a saturation of 4.2% and a lightness of 32.7%. #505157 color hex could be obtained by blending #a0a2ae with #000000. Closest websafe color is: #666666.
-
- R 31
- G 32
- B 34
-
- C 8
- M 7
- Y 0
- K 66
● #505157 color description : Very dark grayish blue.
#505157 Color Conversion
The hexadecimal color #505157 has RGB values of R:80, G:81, B:87 and CMYK values of C:0.08, M:0.07, Y:0, K:0.66. Its decimal value is 5263703.
Hex triplet | 505157 | #505157 |
---|---|---|
RGB Decimal | 80, 81, 87 | rgb(80,81,87) |
RGB Percent | 31.4, 31.8, 34.1 | rgb(31.4%,31.8%,34.1%) |
CMYK | 8, 7, 0, 66 | |
HSL | 231.4°, 4.2, 32.7 | hsl(231.4,4.2%,32.7%) |
HSV (or HSB) | 231.4°, 8, 34.1 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 34.556, 0.94, -3.65 |
---|---|
XYZ | 7.971, 8.278, 10.194 |
xyY | 0.301, 0.313, 8.278 |
CIE-LCH | 34.556, 3.769, 284.444 |
CIE-LUV | 34.556, -0.861, -4.711 |
Hunter-Lab | 28.772, -0.902, -0.866 |
Binary | 01010000, 01010001, 01010111 |
Color Schemes with #505157
Alternatives to #505157
Below, you can see some colors close to #505157. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#505157 Preview
This text has a font color of #505157.
<span style="color:#505157;">Text here</span>
This paragraph has a background color of #505157.
<p style="background-color:#505157;">Content here</p>
This element has a border color of #505157.
<div style="border:1px solid #505157;">Content here</div>
.text {color:#505157;}
.background {background-color:#505157;}
.border {border:1px solid #505157;}
Shades and Tints of #505157
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, #050505 is the darkest color, while #fafafa is the lightest one.
-
#050505
#050505
rgb(5,5,5)
-
#0e0e0f
#0e0e0f
rgb(14,14,15)
-
#18181a
#18181a
rgb(24,24,26)
-
#212124
#212124
rgb(33,33,36)
-
#2a2b2e
#2a2b2e
rgb(42,43,46)
-
#343438
#343438
rgb(52,52,56)
-
#3d3e43
#3d3e43
rgb(61,62,67)
-
#47474d
#47474d
rgb(71,71,77)
-
#505157
#505157
rgb(80,81,87)
-
#595b61
#595b61
rgb(89,91,97)
-
#63646b
#63646b
rgb(99,100,107)
-
#6c6e76
#6c6e76
rgb(108,110,118)
-
#767780
#767780
rgb(118,119,128)
-
#7f818a
#7f818a
rgb(127,129,138)
-
#8a8b93
#8a8b93
rgb(138,139,147)
-
#94959c
#94959c
rgb(148,149,156)
-
#9e9fa6
#9e9fa6
rgb(158,159,166)
-
#a8a9af
#a8a9af
rgb(168,169,175)
-
#b2b3b9
#b2b3b9
rgb(178,179,185)
-
#bdbdc2
#bdbdc2
rgb(189,189,194)
-
#c7c8cb
#c7c8cb
rgb(199,200,203)
-
#d1d2d5
#d1d2d5
rgb(209,210,213)
-
#dbdcde
#dbdcde
rgb(219,220,222)
-
#e6e6e8
#e6e6e8
rgb(230,230,232)
-
#f0f0f1
#f0f0f1
rgb(240,240,241)
-
#fafafa
#fafafa
rgb(250,250,250)
Tones of #505157
A tone is produced by adding gray to any pure hue. In this case, #505157 is the less saturated color, while #031aa4 is the most saturated one.
-
#505157
#505157
rgb(80,81,87)
-
#4a4c5d
#4a4c5d
rgb(74,76,93)
-
#434864
#434864
rgb(67,72,100)
-
#3d436a
#3d436a
rgb(61,67,106)
-
#363f71
#363f71
rgb(54,63,113)
-
#303a77
#303a77
rgb(48,58,119)
-
#29357e
#29357e
rgb(41,53,126)
-
#233184
#233184
rgb(35,49,132)
-
#1d2c8a
#1d2c8a
rgb(29,44,138)
-
#162891
#162891
rgb(22,40,145)
-
#102397
#102397
rgb(16,35,151)
-
#091f9e
#091f9e
rgb(9,31,158)
-
#031aa4
#031aa4
rgb(3,26,164)
Color Blindness Simulator
Below, you can see how #505157 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.