HEX #556E78 color — Cutty Sark
The color #556E78 is a dark shade and slightly desaturated.
Palette
556E78 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f4 |
rgb(240,243,244) |
hsl(197,17%,95%) |
#e1e7ea |
rgb(225,231,234) |
hsl(197,17%,90%) |
#d2dcdf |
rgb(210,220,223) |
hsl(197,17%,85%) |
#c3d0d5 |
rgb(195,208,213) |
hsl(197,17%,80%) |
#b4c4ca |
rgb(180,196,202) |
hsl(197,17%,75%) |
#a5b8c0 |
rgb(165,184,192) |
hsl(197,17%,70%) |
#97acb5 |
rgb(151,172,181) |
hsl(197,17%,65%) |
#88a1aa |
rgb(136,161,170) |
hsl(197,17%,60%) |
#7995a0 |
rgb(121,149,160) |
hsl(197,17%,55%) |
#6a8995 |
rgb(106,137,149) |
hsl(197,17%,50%) |
#5f7b86 |
rgb(95,123,134) |
hsl(197,17%,45%) |
#556e77 |
rgb(85,110,119) |
hsl(197,17%,40%) |
#4a6068 |
rgb(74,96,104) |
hsl(197,17%,35%) |
#3f525a |
rgb(63,82,90) |
hsl(197,17%,30%) |
#35444b |
rgb(53,68,75) |
hsl(197,17%,25%) |
#2a373c |
rgb(42,55,60) |
hsl(197,17%,20%) |
#20292d |
rgb(32,41,45) |
hsl(197,17%,15%) |
#151b1e |
rgb(21,27,30) |
hsl(197,17%,10%) |
#0b0e0f |
rgb(11,14,15) |
hsl(197,17%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55786A |
rgb(85,120,106) |
hsl(156,17%,40%) |
#556E78 |
rgb(85,110,120) |
hsl(197,17%,40%) |
#555778 |
rgb(85,87,120) |
hsl(237,17%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#728F9B |
rgb(114,143,155) |
hsl(198,17%,53%) |
#62808B |
rgb(98,128,139) |
hsl(196,17%,46%) |
#556E78 |
rgb(85,110,120) |
hsl(197,17%,40%) |
#475C64 |
rgb(71,92,100) |
hsl(197,17%,34%) |
#394A51 |
rgb(57,74,81) |
hsl(198,17%,27%) |
#2C383E |
rgb(44,56,62) |
hsl(200,17%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#556E78 |
rgb(85,110,120) |
hsl(197,17%,40%) |
#78545C |
rgb(120,84,92) |
hsl(347,18%,40%) |
#787055 |
rgb(120,112,85) |
hsl(46,17%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556E78 |
rgb(85,110,120) |
hsl(197,17%,40%) |
#785E55 |
rgb(120,94,85) |
hsl(15,17%,40%) |
#557870 |
rgb(85,120,112) |
hsl(166,17%,40%) |
#787055 |
rgb(120,112,85) |
hsl(46,17%,40%) |