#4c5168 Color Information
In a RGB color space, hex #4c5168 is composed of 29.8% red, 31.8% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 26.9% cyan, 22.1% magenta, 0% yellow and 59.2% black. It has a hue angle of 229.3 degrees, a saturation of 15.6% and a lightness of 35.3%. #4c5168 color hex could be obtained by blending #98a2d0 with #000000. Closest websafe color is: #336666.
-
- R 30
- G 32
- B 41
-
- C 27
- M 22
- Y 0
- K 59
● #4c5168 color description : Very dark grayish blue.
#4c5168 Color Conversion
The hexadecimal color #4c5168 has RGB values of R:76, G:81, B:104 and CMYK values of C:0.27, M:0.22, Y:0, K:0.59. Its decimal value is 5001576.
Hex triplet | 4c5168 | #4c5168 |
---|---|---|
RGB Decimal | 76, 81, 104 | rgb(76,81,104) |
RGB Percent | 29.8, 31.8, 40.8 | rgb(29.8%,31.8%,40.8%) |
CMYK | 27, 22, 0, 59 | |
HSL | 229.3°, 15.6, 35.3 | hsl(229.3,15.6%,35.3%) |
HSV (or HSB) | 229.3°, 26.9, 40.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.844, 3.746, -13.946 |
---|---|
XYZ | 8.421, 8.421, 14.278 |
xyY | 0.271, 0.271, 8.421 |
CIE-LCH | 34.844, 14.44, 285.036 |
CIE-LUV | 34.844, -3.686, -18.81 |
Hunter-Lab | 29.018, 1.018, -8.859 |
Binary | 01001100, 01010001, 01101000 |
Color Schemes with #4c5168
Alternatives to #4c5168
Below, you can see some colors close to #4c5168. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4c5168 Preview
This text has a font color of #4c5168.
<span style="color:#4c5168;">Text here</span>
This paragraph has a background color of #4c5168.
<p style="background-color:#4c5168;">Content here</p>
This element has a border color of #4c5168.
<div style="border:1px solid #4c5168;">Content here</div>
.text {color:#4c5168;}
.background {background-color:#4c5168;}
.border {border:1px solid #4c5168;}
Shades and Tints of #4c5168
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, #010202 is the darkest color, while #f6f6f8 is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#0a0a0d
#0a0a0d
rgb(10,10,13)
-
#121319
#121319
rgb(18,19,25)
-
#1a1c24
#1a1c24
rgb(26,28,36)
-
#23252f
#23252f
rgb(35,37,47)
-
#2b2e3b
#2b2e3b
rgb(43,46,59)
-
#333746
#333746
rgb(51,55,70)
-
#3b3f51
#3b3f51
rgb(59,63,81)
-
#44485d
#44485d
rgb(68,72,93)
-
#4c5168
#4c5168
rgb(76,81,104)
-
#545a73
#545a73
rgb(84,90,115)
-
#5d637f
#5d637f
rgb(93,99,127)
-
#656b8a
#656b8a
rgb(101,107,138)
-
#6e7595
#6e7595
rgb(110,117,149)
-
#797f9d
#797f9d
rgb(121,127,157)
-
#848aa5
#848aa5
rgb(132,138,165)
-
#9095ae
#9095ae
rgb(144,149,174)
-
#9ba0b6
#9ba0b6
rgb(155,160,182)
-
#a6abbe
#a6abbe
rgb(166,171,190)
-
#b2b5c6
#b2b5c6
rgb(178,181,198)
-
#bdc0cf
#bdc0cf
rgb(189,192,207)
-
#c8cbd7
#c8cbd7
rgb(200,203,215)
-
#d4d6df
#d4d6df
rgb(212,214,223)
-
#dfe1e8
#dfe1e8
rgb(223,225,232)
-
#eaebf0
#eaebf0
rgb(234,235,240)
-
#f6f6f8
#f6f6f8
rgb(246,246,248)
Tones of #4c5168
A tone is produced by adding gray to any pure hue. In this case, #5a5a5a is the less saturated color, while #0724ad is the most saturated one.
-
#5a5a5a
#5a5a5a
rgb(90,90,90)
-
#535561
#535561
rgb(83,85,97)
-
#4c5168
#4c5168
rgb(76,81,104)
-
#454d6f
#454d6f
rgb(69,77,111)
-
#3e4876
#3e4876
rgb(62,72,118)
-
#37447d
#37447d
rgb(55,68,125)
-
#303f84
#303f84
rgb(48,63,132)
-
#293b8b
#293b8b
rgb(41,59,139)
-
#223692
#223692
rgb(34,54,146)
-
#1c3298
#1c3298
rgb(28,50,152)
-
#152d9f
#152d9f
rgb(21,45,159)
-
#0e29a6
#0e29a6
rgb(14,41,166)
-
#0724ad
#0724ad
rgb(7,36,173)
Color Blindness Simulator
Below, you can see how #4c5168 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.