HEX #556C77 color — Cutty Sark
The color #556c77 is a dark shade and slightly desaturated.
Palette
556c77 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f4 |
rgb(240,243,244) |
hsl(199,17%,95%) |
#e1e7ea |
rgb(225,231,234) |
hsl(199,17%,90%) |
#d2dbdf |
rgb(210,219,223) |
hsl(199,17%,85%) |
#c3cfd5 |
rgb(195,207,213) |
hsl(199,17%,80%) |
#b4c3ca |
rgb(180,195,202) |
hsl(199,17%,75%) |
#a5b7c0 |
rgb(165,183,192) |
hsl(199,17%,70%) |
#97abb5 |
rgb(151,171,181) |
hsl(199,17%,65%) |
#889faa |
rgb(136,159,170) |
hsl(199,17%,60%) |
#7993a0 |
rgb(121,147,160) |
hsl(199,17%,55%) |
#6a8795 |
rgb(106,135,149) |
hsl(199,17%,50%) |
#5f7a86 |
rgb(95,122,134) |
hsl(199,17%,45%) |
#556c77 |
rgb(85,108,119) |
hsl(199,17%,40%) |
#4a5f68 |
rgb(74,95,104) |
hsl(199,17%,35%) |
#3f515a |
rgb(63,81,90) |
hsl(199,17%,30%) |
#35444b |
rgb(53,68,75) |
hsl(199,17%,25%) |
#2a363c |
rgb(42,54,60) |
hsl(199,17%,20%) |
#20292d |
rgb(32,41,45) |
hsl(199,17%,15%) |
#151b1e |
rgb(21,27,30) |
hsl(199,17%,10%) |
#0b0e0f |
rgb(11,14,15) |
hsl(199,17%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55786B |
rgb(85,120,107) |
hsl(158,17%,40%) |
#556C77 |
rgb(85,108,119) |
hsl(199,17%,40%) |
#555477 |
rgb(85,84,119) |
hsl(242,17%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#728F9A |
rgb(114,143,154) |
hsl(197,17%,53%) |
#627D8A |
rgb(98,125,138) |
hsl(200,17%,46%) |
#556C77 |
rgb(85,108,119) |
hsl(199,17%,40%) |
#475C63 |
rgb(71,92,99) |
hsl(195,16%,33%) |
#394A50 |
rgb(57,74,80) |
hsl(196,17%,27%) |
#2C383D |
rgb(44,56,61) |
hsl(198,16%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#556C77 |
rgb(85,108,119) |
hsl(199,17%,40%) |
#77545B |
rgb(119,84,91) |
hsl(348,17%,40%) |
#777055 |
rgb(119,112,85) |
hsl(48,17%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556C77 |
rgb(85,108,119) |
hsl(199,17%,40%) |
#776155 |
rgb(119,97,85) |
hsl(21,17%,40%) |
#557871 |
rgb(85,120,113) |
hsl(168,17%,40%) |
#777055 |
rgb(119,112,85) |
hsl(48,17%,40%) |