#554f63 Color Information
In a RGB color space, hex #554f63 is composed of 33.3% red, 31% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 14.1% cyan, 20.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 258 degrees, a saturation of 11.2% and a lightness of 34.9%. #554f63 color hex could be obtained by blending #aa9ec6 with #000000. Closest websafe color is: #666666.
-
- R 33
- G 31
- B 39
-
- C 14
- M 20
- Y 0
- K 61
● #554f63 color description : Very dark grayish violet.
#554f63 Color Conversion
The hexadecimal color #554f63 has RGB values of R:85, G:79, B:99 and CMYK values of C:0.14, M:0.2, Y:0, K:0.61. Its decimal value is 5590883.
Hex triplet | 554f63 | #554f63 |
---|---|---|
RGB Decimal | 85, 79, 99 | rgb(85,79,99) |
RGB Percent | 33.3, 31, 38.8 | rgb(33.3%,31%,38.8%) |
CMYK | 14, 20, 0, 61 | |
HSL | 258°, 11.2, 34.9 | hsl(258,11.2%,34.9%) |
HSV (or HSB) | 258°, 20.2, 38.8 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 34.851, 6.959, -10.723 |
---|---|
XYZ | 8.794, 8.424, 12.966 |
xyY | 0.291, 0.279, 8.424 |
CIE-LCH | 34.851, 12.784, 302.984 |
CIE-LUV | 34.851, 1.929, -14.835 |
Hunter-Lab | 29.024, 3.291, -6.17 |
Binary | 01010101, 01001111, 01100011 |
Color Schemes with #554f63
Alternatives to #554f63
Below, you can see some colors close to #554f63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554f63 Preview
This text has a font color of #554f63.
<span style="color:#554f63;">Text here</span>
This paragraph has a background color of #554f63.
<p style="background-color:#554f63;">Content here</p>
This element has a border color of #554f63.
<div style="border:1px solid #554f63;">Content here</div>
.text {color:#554f63;}
.background {background-color:#554f63;}
.border {border:1px solid #554f63;}
Shades and Tints of #554f63
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 #f6f5f7 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#0a090c
#0a090c
rgb(10,9,12)
-
#131217
#131217
rgb(19,18,23)
-
#1d1b22
#1d1b22
rgb(29,27,34)
-
#26232c
#26232c
rgb(38,35,44)
-
#302c37
#302c37
rgb(48,44,55)
-
#393542
#393542
rgb(57,53,66)
-
#423e4d
#423e4d
rgb(66,62,77)
-
#4c4658
#4c4658
rgb(76,70,88)
-
#554f63
#554f63
rgb(85,79,99)
-
#5e586e
#5e586e
rgb(94,88,110)
-
#686079
#686079
rgb(104,96,121)
-
#716984
#716984
rgb(113,105,132)
-
#7b728e
#7b728e
rgb(123,114,142)
-
#857d97
#857d97
rgb(133,125,151)
-
#8f88a0
#8f88a0
rgb(143,136,160)
-
#9993a9
#9993a9
rgb(153,147,169)
-
#a49eb1
#a49eb1
rgb(164,158,177)
-
#aea9ba
#aea9ba
rgb(174,169,186)
-
#b8b3c3
#b8b3c3
rgb(184,179,195)
-
#c2becb
#c2becb
rgb(194,190,203)
-
#cdc9d4
#cdc9d4
rgb(205,201,212)
-
#d7d4dd
#d7d4dd
rgb(215,212,221)
-
#e1dfe6
#e1dfe6
rgb(225,223,230)
-
#ebeaee
#ebeaee
rgb(235,234,238)
-
#f6f5f7
#f6f5f7
rgb(246,245,247)
Tones of #554f63
A tone is produced by adding gray to any pure hue. In this case, #58565c is the less saturated color, while #3704ae is the most saturated one.
-
#58565c
#58565c
rgb(88,86,92)
-
#554f63
#554f63
rgb(85,79,99)
-
#52486a
#52486a
rgb(82,72,106)
-
#504171
#504171
rgb(80,65,113)
-
#4d3a78
#4d3a78
rgb(77,58,120)
-
#4a347e
#4a347e
rgb(74,52,126)
-
#472d85
#472d85
rgb(71,45,133)
-
#45268c
#45268c
rgb(69,38,140)
-
#421f93
#421f93
rgb(66,31,147)
-
#3f189a
#3f189a
rgb(63,24,154)
-
#3c11a1
#3c11a1
rgb(60,17,161)
-
#3a0ba7
#3a0ba7
rgb(58,11,167)
-
#3704ae
#3704ae
rgb(55,4,174)
Color Blindness Simulator
Below, you can see how #554f63 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.