#554f57 Color Information
In a RGB color space, hex #554f57 is composed of 33.3% red, 31% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 2.3% cyan, 9.2% magenta, 0% yellow and 65.9% black. It has a hue angle of 285 degrees, a saturation of 4.8% and a lightness of 32.5%. #554f57 color hex could be obtained by blending #aa9eae with #000000. Closest websafe color is: #666666.
-
- R 33
- G 31
- B 34
-
- C 2
- M 9
- Y 0
- K 66
● #554f57 color description : Very dark grayish violet.
#554f57 Color Conversion
The hexadecimal color #554f57 has RGB values of R:85, G:79, B:87 and CMYK values of C:0.02, M:0.09, Y:0, K:0.66. Its decimal value is 5590871.
Hex triplet | 554f57 | #554f57 |
---|---|---|
RGB Decimal | 85, 79, 87 | rgb(85,79,87) |
RGB Percent | 33.3, 31, 34.1 | rgb(33.3%,31%,34.1%) |
CMYK | 2, 9, 0, 66 | |
HSL | 285°, 4.8, 32.5 | hsl(285,4.8%,32.5%) |
HSV (or HSB) | 285°, 9.2, 34.1 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 34.419, 4.167, -3.802 |
---|---|
XYZ | 8.262, 8.211, 10.166 |
xyY | 0.31, 0.308, 8.211 |
CIE-LCH | 34.419, 5.641, 317.622 |
CIE-LUV | 34.419, 2.798, -5.349 |
Hunter-Lab | 28.656, 1.32, -0.975 |
Binary | 01010101, 01001111, 01010111 |
Color Schemes with #554f57
Alternatives to #554f57
Below, you can see some colors close to #554f57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554f57 Preview
This text has a font color of #554f57.
<span style="color:#554f57;">Text here</span>
This paragraph has a background color of #554f57.
<p style="background-color:#554f57;">Content here</p>
This element has a border color of #554f57.
<div style="border:1px solid #554f57;">Content here</div>
.text {color:#554f57;}
.background {background-color:#554f57;}
.border {border:1px solid #554f57;}
Shades and Tints of #554f57
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, #050405 is the darkest color, while #faf9fa is the lightest one.
-
#050405
#050405
rgb(5,4,5)
-
#0f0e0f
#0f0e0f
rgb(15,14,15)
-
#191719
#191719
rgb(25,23,25)
-
#232024
#232024
rgb(35,32,36)
-
#2d2a2e
#2d2a2e
rgb(45,42,46)
-
#373338
#373338
rgb(55,51,56)
-
#413c42
#413c42
rgb(65,60,66)
-
#4b464d
#4b464d
rgb(75,70,77)
-
#554f57
#554f57
rgb(85,79,87)
-
#5f5861
#5f5861
rgb(95,88,97)
-
#69626c
#69626c
rgb(105,98,108)
-
#736b76
#736b76
rgb(115,107,118)
-
#7d7480
#7d7480
rgb(125,116,128)
-
#877e8a
#877e8a
rgb(135,126,138)
-
#918893
#918893
rgb(145,136,147)
-
#9a939d
#9a939d
rgb(154,147,157)
-
#a49da6
#a49da6
rgb(164,157,166)
-
#ada7af
#ada7af
rgb(173,167,175)
-
#b7b2b9
#b7b2b9
rgb(183,178,185)
-
#c0bcc2
#c0bcc2
rgb(192,188,194)
-
#cac6cb
#cac6cb
rgb(202,198,203)
-
#d4d0d5
#d4d0d5
rgb(212,208,213)
-
#dddbde
#dddbde
rgb(221,219,222)
-
#e7e5e7
#e7e5e7
rgb(231,229,231)
-
#f0eff1
#f0eff1
rgb(240,239,241)
-
#faf9fa
#faf9fa
rgb(250,249,250)
Tones of #554f57
A tone is produced by adding gray to any pure hue. In this case, #554f57 is the less saturated color, while #7b02a4 is the most saturated one.
-
#554f57
#554f57
rgb(85,79,87)
-
#58495d
#58495d
rgb(88,73,93)
-
#5b4264
#5b4264
rgb(91,66,100)
-
#5f3c6a
#5f3c6a
rgb(95,60,106)
-
#623571
#623571
rgb(98,53,113)
-
#652f77
#652f77
rgb(101,47,119)
-
#68297d
#68297d
rgb(104,41,125)
-
#6b2284
#6b2284
rgb(107,34,132)
-
#6f1c8a
#6f1c8a
rgb(111,28,138)
-
#721690
#721690
rgb(114,22,144)
-
#750f97
#750f97
rgb(117,15,151)
-
#78099d
#78099d
rgb(120,9,157)
-
#7b02a4
#7b02a4
rgb(123,2,164)
Color Blindness Simulator
Below, you can see how #554f57 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.