#504f63 Color Information
In a RGB color space, hex #504f63 is composed of 31.4% red, 31% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 19.2% cyan, 20.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 243 degrees, a saturation of 11.2% and a lightness of 34.9%. #504f63 color hex could be obtained by blending #a09ec6 with #000000. Closest websafe color is: #666666.
-
- R 31
- G 31
- B 39
-
- C 19
- M 20
- Y 0
- K 61
● #504f63 color description : Very dark grayish blue.
#504f63 Color Conversion
The hexadecimal color #504f63 has RGB values of R:80, G:79, B:99 and CMYK values of C:0.19, M:0.2, Y:0, K:0.61. Its decimal value is 5263203.
Hex triplet | 504f63 | #504f63 |
---|---|---|
RGB Decimal | 80, 79, 99 | rgb(80,79,99) |
RGB Percent | 31.4, 31, 38.8 | rgb(31.4%,31%,38.8%) |
CMYK | 19, 20, 0, 61 | |
HSL | 243°, 11.2, 34.9 | hsl(243,11.2%,34.9%) |
HSV (or HSB) | 243°, 20.2, 38.8 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 34.392, 5.117, -11.462 |
---|---|
XYZ | 8.356, 8.198, 12.946 |
xyY | 0.283, 0.278, 8.198 |
CIE-LCH | 34.392, 12.552, 294.058 |
CIE-LUV | 34.392, -0.636, -15.532 |
Hunter-Lab | 28.633, 1.985, -6.765 |
Binary | 01010000, 01001111, 01100011 |
Color Schemes with #504f63
Alternatives to #504f63
Below, you can see some colors close to #504f63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#504f63 Preview
This text has a font color of #504f63.
<span style="color:#504f63;">Text here</span>
This paragraph has a background color of #504f63.
<p style="background-color:#504f63;">Content here</p>
This element has a border color of #504f63.
<div style="border:1px solid #504f63;">Content here</div>
.text {color:#504f63;}
.background {background-color:#504f63;}
.border {border:1px solid #504f63;}
Shades and Tints of #504f63
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 #f5f5f7 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#09090c
#09090c
rgb(9,9,12)
-
#121217
#121217
rgb(18,18,23)
-
#1b1b22
#1b1b22
rgb(27,27,34)
-
#24232c
#24232c
rgb(36,35,44)
-
#2d2c37
#2d2c37
rgb(45,44,55)
-
#363542
#363542
rgb(54,53,66)
-
#3e3e4d
#3e3e4d
rgb(62,62,77)
-
#474658
#474658
rgb(71,70,88)
-
#504f63
#504f63
rgb(80,79,99)
-
#59586e
#59586e
rgb(89,88,110)
-
#626079
#626079
rgb(98,96,121)
-
#6a6984
#6a6984
rgb(106,105,132)
-
#73728e
#73728e
rgb(115,114,142)
-
#7e7d97
#7e7d97
rgb(126,125,151)
-
#8988a0
#8988a0
rgb(137,136,160)
-
#9493a9
#9493a9
rgb(148,147,169)
-
#9f9eb1
#9f9eb1
rgb(159,158,177)
-
#a9a9ba
#a9a9ba
rgb(169,169,186)
-
#b4b3c3
#b4b3c3
rgb(180,179,195)
-
#bfbecb
#bfbecb
rgb(191,190,203)
-
#cac9d4
#cac9d4
rgb(202,201,212)
-
#d5d4dd
#d5d4dd
rgb(213,212,221)
-
#dfdfe6
#dfdfe6
rgb(223,223,230)
-
#eaeaee
#eaeaee
rgb(234,234,238)
-
#f5f5f7
#f5f5f7
rgb(245,245,247)
Tones of #504f63
A tone is produced by adding gray to any pure hue. In this case, #56565c is the less saturated color, while #0c04ae is the most saturated one.
-
#56565c
#56565c
rgb(86,86,92)
-
#504f63
#504f63
rgb(80,79,99)
-
#4a486a
#4a486a
rgb(74,72,106)
-
#444171
#444171
rgb(68,65,113)
-
#3e3a78
#3e3a78
rgb(62,58,120)
-
#37347e
#37347e
rgb(55,52,126)
-
#312d85
#312d85
rgb(49,45,133)
-
#2b268c
#2b268c
rgb(43,38,140)
-
#251f93
#251f93
rgb(37,31,147)
-
#1f189a
#1f189a
rgb(31,24,154)
-
#1911a1
#1911a1
rgb(25,17,161)
-
#120ba7
#120ba7
rgb(18,11,167)
-
#0c04ae
#0c04ae
rgb(12,4,174)
Color Blindness Simulator
Below, you can see how #504f63 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.