#554450 hex color
In a RGB color space, hex #554450 is composed of 33.3% red, 26.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 5.9% yellow and 66.7% black. It has a hue angle of 317.6 degrees, a saturation of 11.1% and a lightness of 30%. #554450 color hex could be obtained by blending #aa88a0 with #000000. Closest websafe color is: #663366.
-
- R 33
- G 27
- B 31
RGB color chart
-
- C 0
- M 20
- Y 6
- K 67
CMYK color chart
● #554450 color description : Very dark grayish pink.
The hexadecimal color #554450 has RGB values of R:85, G:68, B:80 and CMYK values of C:0, M:0.2, Y:0.06, K:0.67. Its decimal value is 5588048.
Hex triplet | 554450 | #554450 |
---|---|---|
RGB Decimal | 85, 68, 80 | rgb(85,68,80) |
RGB Percent | 33.3, 26.7, 31.4 | rgb(33.3%,26.7%,31.4%) |
CMYK | 0, 20, 6, 67 | |
HSL | 317.6°, 11.1, 30 | hsl(317.6,11.1%,30%) |
HSV (or HSB) | 317.6°, 20, 33.3 | |
Web Safe | 663366 | #663366 |
CIE-LAB | 30.984, 9.639, -4.433 |
---|---|
XYZ | 7.261, 6.645, 8.489 |
xyY | 0.324, 0.297, 6.645 |
CIE-LCH | 30.984, 10.61, 335.304 |
CIE-LUV | 30.984, 8.672, -6.707 |
Hunter-Lab | 25.778, 5.17, -1.481 |
Binary | 01010101, 01000100, 01010000 |
Analogous Color
Split Complementary Color
Below, you can see some colors close to #554450. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #554450
This text has a font color of #554450.
<span style="color:#554450;">Text here</span>
#554450 background color
This paragraph has a background color of #554450.
<p style="background-color:#554450;">Content here</p>
#554450 border color
This element has a border color of #554450.
<div style="border:1px solid #554450;">Content here</div>
CSS codes
.text {color:#554450;}
.background {background-color:#554450;}
.border {border:1px solid #554450;}
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, #090708 is the darkest color, while #fdfdfd is the lightest one.
-
#090708
#090708
rgb(9,7,8)
-
#141012
#141012
rgb(20,16,18)
-
#1f181d
#1f181d
rgb(31,24,29)
-
#292127
#292127
rgb(41,33,39)
-
#342a31
#342a31
rgb(52,42,49)
-
#3f333b
#3f333b
rgb(63,51,59)
-
#4a3b46
#4a3b46
rgb(74,59,70)
-
#554450
#554450
rgb(85,68,80)
-
#604d5a
#604d5a
rgb(96,77,90)
-
#6b5565
#6b5565
rgb(107,85,101)
-
#765e6f
#765e6f
rgb(118,94,111)
-
#816779
#816779
rgb(129,103,121)
-
#8b7083
#8b7083
rgb(139,112,131)
Shade Color Variation
-
#957a8d
#957a8d
rgb(149,122,141)
-
#9d8596
#9d8596
rgb(157,133,150)
-
#a690a0
#a690a0
rgb(166,144,160)
-
#af9ba9
#af9ba9
rgb(175,155,169)
-
#b8a6b2
#b8a6b2
rgb(184,166,178)
-
#c0b1bc
#c0b1bc
rgb(192,177,188)
-
#c9bbc5
#c9bbc5
rgb(201,187,197)
-
#d2c6ce
#d2c6ce
rgb(210,198,206)
-
#dad1d8
#dad1d8
rgb(218,209,216)
-
#e3dce1
#e3dce1
rgb(227,220,225)
-
#ece7ea
#ece7ea
rgb(236,231,234)
-
#f5f2f4
#f5f2f4
rgb(245,242,244)
-
#fdfdfd
#fdfdfd
rgb(253,253,253)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #4f4a4e is the less saturated color, while #96036b is the most saturated one.
-
#4f4a4e
#4f4a4e
rgb(79,74,78)
-
#554450
#554450
rgb(85,68,80)
-
#5b3e52
#5b3e52
rgb(91,62,82)
-
#613855
#613855
rgb(97,56,85)
-
#673257
#673257
rgb(103,50,87)
-
#6d2c5a
#6d2c5a
rgb(109,44,90)
-
#72275c
#72275c
rgb(114,39,92)
-
#78215f
#78215f
rgb(120,33,95)
-
#7e1b61
#7e1b61
rgb(126,27,97)
-
#841563
#841563
rgb(132,21,99)
-
#8a0f66
#8a0f66
rgb(138,15,102)
-
#900968
#900968
rgb(144,9,104)
-
#96036b
#96036b
rgb(150,3,107)
Tone Color Variation
Below, you can see how #554450 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.
Monochromacy
Dichromacy