HEX #558C7C color — Patina
The color #558C7C is a dark shade and slightly desaturated.
Palette
558C7C color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(163,24%,99%) |
#ecf3f1 |
rgb(236,243,241) |
hsl(163,24%,94%) |
#dceae6 |
rgb(220,234,230) |
hsl(163,24%,89%) |
#cce0da |
rgb(204,224,218) |
hsl(163,24%,84%) |
#bdd6cf |
rgb(189,214,207) |
hsl(163,24%,79%) |
#adcdc4 |
rgb(173,205,196) |
hsl(163,24%,74%) |
#9dc3b8 |
rgb(157,195,184) |
hsl(163,24%,69%) |
#8db9ad |
rgb(141,185,173) |
hsl(163,24%,64%) |
#7db0a1 |
rgb(125,176,161) |
hsl(163,24%,59%) |
#6ea696 |
rgb(110,166,150) |
hsl(163,24%,54%) |
#5f9b8a |
rgb(95,155,138) |
hsl(163,24%,49%) |
#558b7c |
rgb(85,139,124) |
hsl(163,24%,44%) |
#4c7b6e |
rgb(76,123,110) |
hsl(163,24%,39%) |
#426c60 |
rgb(66,108,96) |
hsl(163,24%,34%) |
#385c52 |
rgb(56,92,82) |
hsl(163,24%,29%) |
#2f4c44 |
rgb(47,76,68) |
hsl(163,24%,24%) |
#253c35 |
rgb(37,60,53) |
hsl(163,24%,19%) |
#1b2c27 |
rgb(27,44,39) |
hsl(163,24%,14%) |
#111c19 |
rgb(17,28,25) |
hsl(163,24%,9%) |
#080d0b |
rgb(8,13,11) |
hsl(163,24%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#558C57 |
rgb(85,140,87) |
hsl(122,24%,44%) |
#558C7C |
rgb(85,140,124) |
hsl(163,24%,44%) |
#55788C |
rgb(85,120,140) |
hsl(202,24%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7AAD9F |
rgb(122,173,159) |
hsl(164,24%,58%) |
#64A18F |
rgb(100,161,143) |
hsl(162,24%,51%) |
#558C7C |
rgb(85,140,124) |
hsl(163,24%,44%) |
#477568 |
rgb(71,117,104) |
hsl(163,24%,37%) |
#395E54 |
rgb(57,94,84) |
hsl(164,25%,30%) |
#2C4A40 |
rgb(44,74,64) |
hsl(160,25%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#558C7C |
rgb(85,140,124) |
hsl(163,24%,44%) |
#8C5480 |
rgb(140,84,128) |
hsl(313,25%,44%) |
#8C6155 |
rgb(140,97,85) |
hsl(13,24%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558C7C |
rgb(85,140,124) |
hsl(163,24%,44%) |
#8C5465 |
rgb(140,84,101) |
hsl(342,25%,44%) |
#558C60 |
rgb(85,140,96) |
hsl(132,24%,44%) |
#8C6155 |
rgb(140,97,85) |
hsl(13,24%,44%) |