#54686c Color Information
In a RGB color space, hex #54686c is composed of 32.9% red, 40.8% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 3.7% magenta, 0% yellow and 57.6% black. It has a hue angle of 190 degrees, a saturation of 12.5% and a lightness of 37.6%. #54686c color hex could be obtained by blending #a8d0d8 with #000000. Closest websafe color is: #666666.
-
- R 33
- G 41
- B 42
-
- C 22
- M 4
- Y 0
- K 58
● #54686c color description : Very dark grayish cyan.
#54686c Color Conversion
The hexadecimal color #54686c has RGB values of R:84, G:104, B:108 and CMYK values of C:0.22, M:0.04, Y:0, K:0.58. Its decimal value is 5531756.
Hex triplet | 54686c | #54686c |
---|---|---|
RGB Decimal | 84, 104, 108 | rgb(84,104,108) |
RGB Percent | 32.9, 40.8, 42.4 | rgb(32.9%,40.8%,42.4%) |
CMYK | 22, 4, 0, 58 | |
HSL | 190°, 12.5, 37.6 | hsl(190,12.5%,37.6%) |
HSV (or HSB) | 190°, 22.2, 42.4 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 42.563, -6.48, -4.731 |
---|---|
XYZ | 11.313, 12.868, 16.074 |
xyY | 0.281, 0.32, 12.868 |
CIE-LCH | 42.563, 8.023, 216.136 |
CIE-LUV | 42.563, -10.329, -5.41 |
Hunter-Lab | 35.872, -6.483, -1.458 |
Binary | 01010100, 01101000, 01101100 |
Color Schemes with #54686c
Alternatives to #54686c
Below, you can see some colors close to #54686c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54686c Preview
This text has a font color of #54686c.
<span style="color:#54686c;">Text here</span>
This paragraph has a background color of #54686c.
<p style="background-color:#54686c;">Content here</p>
This element has a border color of #54686c.
<div style="border:1px solid #54686c;">Content here</div>
.text {color:#54686c;}
.background {background-color:#54686c;}
.border {border:1px solid #54686c;}
Shades and Tints of #54686c
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, #070809 is the darkest color, while #fdfdfd is the lightest one.
-
#070809
#070809
rgb(7,8,9)
-
#0f1314
#0f1314
rgb(15,19,20)
-
#181e1f
#181e1f
rgb(24,30,31)
-
#21282a
#21282a
rgb(33,40,42)
-
#293335
#293335
rgb(41,51,53)
-
#323e40
#323e40
rgb(50,62,64)
-
#3a484b
#3a484b
rgb(58,72,75)
-
#435356
#435356
rgb(67,83,86)
-
#4b5d61
#4b5d61
rgb(75,93,97)
-
#54686c
#54686c
rgb(84,104,108)
-
#5d7377
#5d7377
rgb(93,115,119)
-
#657d82
#657d82
rgb(101,125,130)
-
#6e888d
#6e888d
rgb(110,136,141)
-
#789196
#789196
rgb(120,145,150)
-
#839a9f
#839a9f
rgb(131,154,159)
-
#8ea3a7
#8ea3a7
rgb(142,163,167)
-
#99acb0
#99acb0
rgb(153,172,176)
-
#a4b5b9
#a4b5b9
rgb(164,181,185)
-
#afbec1
#afbec1
rgb(175,190,193)
-
#bac7ca
#bac7ca
rgb(186,199,202)
-
#c5d0d2
#c5d0d2
rgb(197,208,210)
-
#d1d9db
#d1d9db
rgb(209,217,219)
-
#dce2e3
#dce2e3
rgb(220,226,227)
-
#e7ebec
#e7ebec
rgb(231,235,236)
-
#f2f4f5
#f2f4f5
rgb(242,244,245)
-
#fdfdfd
#fdfdfd
rgb(253,253,253)
Tones of #54686c
A tone is produced by adding gray to any pure hue. In this case, #5b6365 is the less saturated color, while #039ebd is the most saturated one.
-
#5b6365
#5b6365
rgb(91,99,101)
-
#54686c
#54686c
rgb(84,104,108)
-
#4d6d73
#4d6d73
rgb(77,109,115)
-
#45727b
#45727b
rgb(69,114,123)
-
#3e7782
#3e7782
rgb(62,119,130)
-
#367c8a
#367c8a
rgb(54,124,138)
-
#2f8191
#2f8191
rgb(47,129,145)
-
#288698
#288698
rgb(40,134,152)
-
#208aa0
#208aa0
rgb(32,138,160)
-
#198fa7
#198fa7
rgb(25,143,167)
-
#1294ae
#1294ae
rgb(18,148,174)
-
#0a99b6
#0a99b6
rgb(10,153,182)
-
#039ebd
#039ebd
rgb(3,158,189)
Color Blindness Simulator
Below, you can see how #54686c 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.