HEX #558A7D color — Cutty Sark

The color #558A7D is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

558A7D color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(165,24%,99%)
#ecf3f2 rgb(236,243,242) hsl(165,24%,94%)
#dceae6 rgb(220,234,230) hsl(165,24%,89%)
#cce0db rgb(204,224,219) hsl(165,24%,84%)
#bdd6d0 rgb(189,214,208) hsl(165,24%,79%)
#adcdc5 rgb(173,205,197) hsl(165,24%,74%)
#9dc3b9 rgb(157,195,185) hsl(165,24%,69%)
#8db9ae rgb(141,185,174) hsl(165,24%,64%)
#7db0a3 rgb(125,176,163) hsl(165,24%,59%)
#6ea698 rgb(110,166,152) hsl(165,24%,54%)
#5f9b8c rgb(95,155,140) hsl(165,24%,49%)
#558b7e rgb(85,139,126) hsl(165,24%,44%)
#4c7b6f rgb(76,123,111) hsl(165,24%,39%)
#426c61 rgb(66,108,97) hsl(165,24%,34%)
#385c53 rgb(56,92,83) hsl(165,24%,29%)
#2f4c45 rgb(47,76,69) hsl(165,24%,24%)
#253c36 rgb(37,60,54) hsl(165,24%,19%)
#1b2c28 rgb(27,44,40) hsl(165,24%,14%)
#111c1a rgb(17,28,26) hsl(165,24%,9%)
#080d0b rgb(8,13,11) hsl(165,24%,4%)

Adjacent colors

HEX RGB HSL
#558A59 rgb(85,138,89) hsl(125,24%,44%)
#558A7D rgb(85,138,125) hsl(165,24%,44%)
#55738A rgb(85,115,138) hsl(206,24%,44%)

Monochromatic colors

HEX RGB HSL
#79ADA0 rgb(121,173,160) hsl(165,24%,58%)
#639E90 rgb(99,158,144) hsl(166,23%,50%)
#558A7D rgb(85,138,125) hsl(165,24%,44%)
#477369 rgb(71,115,105) hsl(166,24%,36%)
#395E55 rgb(57,94,85) hsl(165,25%,30%)
#2C4741 rgb(44,71,65) hsl(167,23%,23%)

Triad color palettes

HEX RGB HSL
#558A7D rgb(85,138,125) hsl(165,24%,44%)
#8A547C rgb(138,84,124) hsl(316,24%,44%)
#8A6355 rgb(138,99,85) hsl(16,24%,44%)

Tetrad color palettes

HEX RGB HSL
#558A7D rgb(85,138,125) hsl(165,24%,44%)
#8A5462 rgb(138,84,98) hsl(344,24%,44%)
#558A62 rgb(85,138,98) hsl(135,24%,44%)
#8A6355 rgb(138,99,85) hsl(16,24%,44%)