#4f5563 Color Information
In a RGB color space, hex #4f5563 is composed of 31% red, 33.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 14.1% magenta, 0% yellow and 61.2% black. It has a hue angle of 222 degrees, a saturation of 11.2% and a lightness of 34.9%. #4f5563 color hex could be obtained by blending #9eaac6 with #000000. Closest websafe color is: #666666.
-
- R 31
- G 33
- B 39
-
- C 20
- M 14
- Y 0
- K 61
● #4f5563 color description : Very dark grayish blue.
#4f5563 Color Conversion
The hexadecimal color #4f5563 has RGB values of R:79, G:85, B:99 and CMYK values of C:0.2, M:0.14, Y:0, K:0.61. Its decimal value is 5199203.
Hex triplet | 4f5563 | #4f5563 |
---|---|---|
RGB Decimal | 79, 85, 99 | rgb(79,85,99) |
RGB Percent | 31, 33.3, 38.8 | rgb(31%,33.3%,38.8%) |
CMYK | 20, 14, 0, 61 | |
HSL | 222°, 11.2, 34.9 | hsl(222,11.2%,34.9%) |
HSV (or HSB) | 222°, 20.2, 38.8 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 36.1, 0.981, -8.889 |
---|---|
XYZ | 8.725, 9.06, 13.093 |
xyY | 0.283, 0.293, 9.06 |
CIE-LCH | 36.1, 8.943, 276.299 |
CIE-LUV | 36.1, -3.789, -11.709 |
Hunter-Lab | 30.1, -0.935, -4.72 |
Binary | 01001111, 01010101, 01100011 |
Color Schemes with #4f5563
Alternatives to #4f5563
Below, you can see some colors close to #4f5563. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4f5563 Preview
This text has a font color of #4f5563.
<span style="color:#4f5563;">Text here</span>
This paragraph has a background color of #4f5563.
<p style="background-color:#4f5563;">Content here</p>
This element has a border color of #4f5563.
<div style="border:1px solid #4f5563;">Content here</div>
.text {color:#4f5563;}
.background {background-color:#4f5563;}
.border {border:1px solid #4f5563;}
Shades and Tints of #4f5563
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 #f5f6f7 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#090a0c
#090a0c
rgb(9,10,12)
-
#121317
#121317
rgb(18,19,23)
-
#1b1d22
#1b1d22
rgb(27,29,34)
-
#23262c
#23262c
rgb(35,38,44)
-
#2c3037
#2c3037
rgb(44,48,55)
-
#353942
#353942
rgb(53,57,66)
-
#3e424d
#3e424d
rgb(62,66,77)
-
#464c58
#464c58
rgb(70,76,88)
-
#4f5563
#4f5563
rgb(79,85,99)
-
#585e6e
#585e6e
rgb(88,94,110)
-
#606879
#606879
rgb(96,104,121)
-
#697184
#697184
rgb(105,113,132)
-
#727b8e
#727b8e
rgb(114,123,142)
-
#7d8597
#7d8597
rgb(125,133,151)
-
#888fa0
#888fa0
rgb(136,143,160)
-
#9399a9
#9399a9
rgb(147,153,169)
-
#9ea4b1
#9ea4b1
rgb(158,164,177)
-
#a9aeba
#a9aeba
rgb(169,174,186)
-
#b3b8c3
#b3b8c3
rgb(179,184,195)
-
#bec2cb
#bec2cb
rgb(190,194,203)
-
#c9cdd4
#c9cdd4
rgb(201,205,212)
-
#d4d7dd
#d4d7dd
rgb(212,215,221)
-
#dfe1e6
#dfe1e6
rgb(223,225,230)
-
#eaebee
#eaebee
rgb(234,235,238)
-
#f5f6f7
#f5f6f7
rgb(245,246,247)
Tones of #4f5563
A tone is produced by adding gray to any pure hue. In this case, #56585c is the less saturated color, while #0437ae is the most saturated one.
-
#56585c
#56585c
rgb(86,88,92)
-
#4f5563
#4f5563
rgb(79,85,99)
-
#48526a
#48526a
rgb(72,82,106)
-
#415071
#415071
rgb(65,80,113)
-
#3a4d78
#3a4d78
rgb(58,77,120)
-
#344a7e
#344a7e
rgb(52,74,126)
-
#2d4785
#2d4785
rgb(45,71,133)
-
#26458c
#26458c
rgb(38,69,140)
-
#1f4293
#1f4293
rgb(31,66,147)
-
#183f9a
#183f9a
rgb(24,63,154)
-
#113ca1
#113ca1
rgb(17,60,161)
-
#0b3aa7
#0b3aa7
rgb(11,58,167)
-
#0437ae
#0437ae
rgb(4,55,174)
Color Blindness Simulator
Below, you can see how #4f5563 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.