#553c55 Color HTML CSS codes
| Hex Color Code | #553c55 |
|---|---|
| RGB Color Code | rgb(85, 60, 85) |
| HSL Color Code | hsl(300, 17%, 28%) |
| CMYK Color Code | device-cmyk(0% 29% 0% 67%) |
| CSS Example code | body { background: #553c55 } |
| Color Group | Cyan |
| Looks like | Dark slate Gray |
| Complement | |
| Grayscale | #494949 |
| RGB (Percent) | 33.33%, 23.53%, 33.33% |
| HSL (Natual Numbers) | 300, 17, 28 |
| HSL (Natual Numbers) | 0, 29, 0, 67 |
| HUE (Degree) | 300° |
| Brightness | 0.28 |
| Type | Dark (Brightness < 0.5) |
Darker | Lighter | Shades | Tones | Tints | How to Use | Description
Darker than #553c55
Lighter than #553c55
Shades of #553c55
Tones of #553c55
Tints of #553c55
#553c55 Color Harmonies
Complementary color scheme
Double Split Complementary color scheme
Rectangle color scheme
Split Complementary color scheme
Tetradic color scheme
Triadic color scheme
How to Use Color #553c55
Text / Font Color:
color: #553c55;
Example text using the color #553c55.
Background Color:
background-color: #553c55;
Border Color:
border-color: #553c55;
Box Shadow Color:
box-shadow: 2px 2px 4px #553c55;
Text Shadow Color:
text-shadow: 1px 1px 3px #553c55;
Example text shadow using the color #553c55.
Color #553c55 Description
The #553c55 HTML color is made up of 85 Red, 60 Green, and 85 Blue. The hue is at 300 degrees, with a saturation value at 17 percent and a lightness value of 28 percent.
Therefore, this color can be considered to be Dark.
In the CMYK color model (used in the printing process), the composition is 0% Cyan, 29% Magenta, 0% Yellow, and 67% key (black). Colors that looks similar: #483c55, #553c55, #553c48. May be found within the Cyan Color Codes Group.
Note: Color names are subjective, therefore, a single name could potentially represent a multitude of HEX color values.