HEX #556F77 color — Cutty Sark
The color #556f77 is a dark shade and slightly desaturated.
Palette
556f77 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f4 |
rgb(240,243,244) |
hsl(194,17%,95%) |
#e1e8ea |
rgb(225,232,234) |
hsl(194,17%,90%) |
#d2dcdf |
rgb(210,220,223) |
hsl(194,17%,85%) |
#c3d1d5 |
rgb(195,209,213) |
hsl(194,17%,80%) |
#b4c5ca |
rgb(180,197,202) |
hsl(194,17%,75%) |
#a5b9c0 |
rgb(165,185,192) |
hsl(194,17%,70%) |
#97aeb5 |
rgb(151,174,181) |
hsl(194,17%,65%) |
#88a2aa |
rgb(136,162,170) |
hsl(194,17%,60%) |
#7997a0 |
rgb(121,151,160) |
hsl(194,17%,55%) |
#6a8b95 |
rgb(106,139,149) |
hsl(194,17%,50%) |
#5f7d86 |
rgb(95,125,134) |
hsl(194,17%,45%) |
#556f77 |
rgb(85,111,119) |
hsl(194,17%,40%) |
#4a6168 |
rgb(74,97,104) |
hsl(194,17%,35%) |
#3f535a |
rgb(63,83,90) |
hsl(194,17%,30%) |
#35464b |
rgb(53,70,75) |
hsl(194,17%,25%) |
#2a383c |
rgb(42,56,60) |
hsl(194,17%,20%) |
#202a2d |
rgb(32,42,45) |
hsl(194,17%,15%) |
#151c1e |
rgb(21,28,30) |
hsl(194,17%,10%) |
#0b0e0f |
rgb(11,14,15) |
hsl(194,17%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#557868 |
rgb(85,120,104) |
hsl(153,17%,40%) |
#556F77 |
rgb(85,111,119) |
hsl(194,17%,40%) |
#555977 |
rgb(85,89,119) |
hsl(233,17%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#72919A |
rgb(114,145,154) |
hsl(194,17%,53%) |
#62808A |
rgb(98,128,138) |
hsl(195,17%,46%) |
#556F77 |
rgb(85,111,119) |
hsl(194,17%,40%) |
#475E63 |
rgb(71,94,99) |
hsl(191,16%,33%) |
#394D50 |
rgb(57,77,80) |
hsl(188,17%,27%) |
#2C3B3D |
rgb(44,59,61) |
hsl(187,16%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#556F77 |
rgb(85,111,119) |
hsl(194,17%,40%) |
#77545E |
rgb(119,84,94) |
hsl(343,17%,40%) |
#776E55 |
rgb(119,110,85) |
hsl(44,17%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556F77 |
rgb(85,111,119) |
hsl(194,17%,40%) |
#775C55 |
rgb(119,92,85) |
hsl(12,17%,40%) |
#55786E |
rgb(85,120,110) |
hsl(163,17%,40%) |
#776E55 |
rgb(119,110,85) |
hsl(44,17%,40%) |