#554b57 Color Information
In a RGB color space, hex #554b57 is composed of 33.3% red, 29.4% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 2.3% cyan, 13.8% magenta, 0% yellow and 65.9% black. It has a hue angle of 290 degrees, a saturation of 7.4% and a lightness of 31.8%. #554b57 color hex could be obtained by blending #aa96ae with #000000. Closest websafe color is: #663366.
-
- R 33
- G 29
- B 34
-
- C 2
- M 14
- Y 0
- K 66
● #554b57 color description : Very dark grayish magenta.
#554b57 Color Conversion
The hexadecimal color #554b57 has RGB values of R:85, G:75, B:87 and CMYK values of C:0.02, M:0.14, Y:0, K:0.66. Its decimal value is 5589847.
Hex triplet | 554b57 | #554b57 |
---|---|---|
RGB Decimal | 85, 75, 87 | rgb(85,75,87) |
RGB Percent | 33.3, 29.4, 34.1 | rgb(33.3%,29.4%,34.1%) |
CMYK | 2, 14, 0, 66 | |
HSL | 290°, 7.4, 31.8 | hsl(290,7.4%,31.8%) |
HSV (or HSB) | 290°, 13.8, 34.1 | |
Web Safe | 663366 | #663366 |
CIE-LAB | 33.247, 6.692, -5.546 |
---|---|
XYZ | 7.982, 7.652, 10.073 |
xyY | 0.311, 0.298, 7.652 |
CIE-LCH | 33.247, 8.691, 320.353 |
CIE-LUV | 33.247, 4.704, -7.852 |
Hunter-Lab | 27.662, 3.103, -2.227 |
Binary | 01010101, 01001011, 01010111 |
Color Schemes with #554b57
Alternatives to #554b57
Below, you can see some colors close to #554b57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554b57 Preview
This text has a font color of #554b57.
<span style="color:#554b57;">Text here</span>
This paragraph has a background color of #554b57.
<p style="background-color:#554b57;">Content here</p>
This element has a border color of #554b57.
<div style="border:1px solid #554b57;">Content here</div>
.text {color:#554b57;}
.background {background-color:#554b57;}
.border {border:1px solid #554b57;}
Shades and Tints of #554b57
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, #030203 is the darkest color, while #f8f7f8 is the lightest one.
-
#030203
#030203
rgb(3,2,3)
-
#0d0b0d
#0d0b0d
rgb(13,11,13)
-
#171518
#171518
rgb(23,21,24)
-
#221e22
#221e22
rgb(34,30,34)
-
#2c272d
#2c272d
rgb(44,39,45)
-
#363037
#363037
rgb(54,48,55)
-
#403942
#403942
rgb(64,57,66)
-
#4b424c
#4b424c
rgb(75,66,76)
-
#554b57
#554b57
rgb(85,75,87)
-
#5f5462
#5f5462
rgb(95,84,98)
-
#6a5d6c
#6a5d6c
rgb(106,93,108)
-
#746677
#746677
rgb(116,102,119)
-
#7e6f81
#7e6f81
rgb(126,111,129)
-
#88798b
#88798b
rgb(136,121,139)
-
#928394
#928394
rgb(146,131,148)
-
#9b8e9d
#9b8e9d
rgb(155,142,157)
-
#a498a7
#a498a7
rgb(164,152,167)
-
#aea3b0
#aea3b0
rgb(174,163,176)
-
#b7adb9
#b7adb9
rgb(183,173,185)
-
#c0b8c2
#c0b8c2
rgb(192,184,194)
-
#c9c3cb
#c9c3cb
rgb(201,195,203)
-
#d3cdd4
#d3cdd4
rgb(211,205,212)
-
#dcd8dd
#dcd8dd
rgb(220,216,221)
-
#e5e2e6
#e5e2e6
rgb(229,226,230)
-
#efedef
#efedef
rgb(239,237,239)
-
#f8f7f8
#f8f7f8
rgb(248,247,248)
Tones of #554b57
A tone is produced by adding gray to any pure hue. In this case, #554b57 is the less saturated color, while #8700a2 is the most saturated one.
-
#554b57
#554b57
rgb(85,75,87)
-
#59455d
#59455d
rgb(89,69,93)
-
#5d3f63
#5d3f63
rgb(93,63,99)
-
#61386a
#61386a
rgb(97,56,106)
-
#663270
#663270
rgb(102,50,112)
-
#6a2c76
#6a2c76
rgb(106,44,118)
-
#6e267c
#6e267c
rgb(110,38,124)
-
#721f83
#721f83
rgb(114,31,131)
-
#761989
#761989
rgb(118,25,137)
-
#7a138f
#7a138f
rgb(122,19,143)
-
#7f0d95
#7f0d95
rgb(127,13,149)
-
#83069c
#83069c
rgb(131,6,156)
-
#8700a2
#8700a2
rgb(135,0,162)
Color Blindness Simulator
Below, you can see how #554b57 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.