#505166 Color Information
In a RGB color space, hex #505166 is composed of 31.4% red, 31.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 20.6% magenta, 0% yellow and 60% black. It has a hue angle of 237.3 degrees, a saturation of 12.1% and a lightness of 35.7%. #505166 color hex could be obtained by blending #a0a2cc with #000000. Closest websafe color is: #666666.
-
- R 31
- G 32
- B 40
-
- C 22
- M 21
- Y 0
- K 60
● #505166 color description : Very dark grayish blue.
#505166 Color Conversion
The hexadecimal color #505166 has RGB values of R:80, G:81, B:102 and CMYK values of C:0.22, M:0.21, Y:0, K:0.6. Its decimal value is 5263718.
Hex triplet | 505166 | #505166 |
---|---|---|
RGB Decimal | 80, 81, 102 | rgb(80,81,102) |
RGB Percent | 31.4, 31.8, 40 | rgb(31.4%,31.8%,40%) |
CMYK | 22, 21, 0, 60 | |
HSL | 237.3°, 12.1, 35.7 | hsl(237.3,12.1%,35.7%) |
HSV (or HSB) | 237.3°, 21.6, 40 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 35.102, 4.623, -12.268 |
---|---|
XYZ | 8.649, 8.55, 13.764 |
xyY | 0.279, 0.276, 8.55 |
CIE-LCH | 35.102, 13.11, 290.646 |
CIE-LUV | 35.102, -1.685, -16.657 |
Hunter-Lab | 29.24, 1.627, -7.442 |
Binary | 01010000, 01010001, 01100110 |
Color Schemes with #505166
Alternatives to #505166
Below, you can see some colors close to #505166. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#505166 Preview
This text has a font color of #505166.
<span style="color:#505166;">Text here</span>
This paragraph has a background color of #505166.
<p style="background-color:#505166;">Content here</p>
This element has a border color of #505166.
<div style="border:1px solid #505166;">Content here</div>
.text {color:#505166;}
.background {background-color:#505166;}
.border {border:1px solid #505166;}
Shades and Tints of #505166
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, #020203 is the darkest color, while #f7f7f9 is the lightest one.
-
#020203
#020203
rgb(2,2,3)
-
#0b0b0e
#0b0b0e
rgb(11,11,14)
-
#141419
#141419
rgb(20,20,25)
-
#1c1d24
#1c1d24
rgb(28,29,36)
-
#25252f
#25252f
rgb(37,37,47)
-
#2e2e3a
#2e2e3a
rgb(46,46,58)
-
#363745
#363745
rgb(54,55,69)
-
#3f4050
#3f4050
rgb(63,64,80)
-
#47485b
#47485b
rgb(71,72,91)
-
#505166
#505166
rgb(80,81,102)
-
#595a71
#595a71
rgb(89,90,113)
-
#61627c
#61627c
rgb(97,98,124)
-
#6a6b87
#6a6b87
rgb(106,107,135)
-
#737591
#737591
rgb(115,117,145)
-
#7e7f9a
#7e7f9a
rgb(126,127,154)
-
#898aa3
#898aa3
rgb(137,138,163)
-
#9495ab
#9495ab
rgb(148,149,171)
-
#9fa0b4
#9fa0b4
rgb(159,160,180)
-
#aaabbc
#aaabbc
rgb(170,171,188)
-
#b5b6c5
#b5b6c5
rgb(181,182,197)
-
#c0c1ce
#c0c1ce
rgb(192,193,206)
-
#cbccd6
#cbccd6
rgb(203,204,214)
-
#d6d6df
#d6d6df
rgb(214,214,223)
-
#e1e1e8
#e1e1e8
rgb(225,225,232)
-
#ececf0
#ececf0
rgb(236,236,240)
-
#f7f7f9
#f7f7f9
rgb(247,247,249)
Tones of #505166
A tone is produced by adding gray to any pure hue. In this case, #57575f is the less saturated color, while #030bb3 is the most saturated one.
-
#57575f
#57575f
rgb(87,87,95)
-
#505166
#505166
rgb(80,81,102)
-
#494b6d
#494b6d
rgb(73,75,109)
-
#424474
#424474
rgb(66,68,116)
-
#3b3e7b
#3b3e7b
rgb(59,62,123)
-
#343882
#343882
rgb(52,56,130)
-
#2d3189
#2d3189
rgb(45,49,137)
-
#262b90
#262b90
rgb(38,43,144)
-
#1f2497
#1f2497
rgb(31,36,151)
-
#181e9e
#181e9e
rgb(24,30,158)
-
#1118a5
#1118a5
rgb(17,24,165)
-
#0a11ac
#0a11ac
rgb(10,17,172)
-
#030bb3
#030bb3
rgb(3,11,179)
Color Blindness Simulator
Below, you can see how #505166 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.