HEX #566B78 color — Cutty Sark
The color #566B78 is a dark shade and slightly desaturated.
Palette
566B78 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f4 |
rgb(240,243,244) |
hsl(203,17%,95%) |
#e1e7ea |
rgb(225,231,234) |
hsl(203,17%,90%) |
#d2dadf |
rgb(210,218,223) |
hsl(203,17%,85%) |
#c3ced5 |
rgb(195,206,213) |
hsl(203,17%,80%) |
#b4c2ca |
rgb(180,194,202) |
hsl(203,17%,75%) |
#a5b6c0 |
rgb(165,182,192) |
hsl(203,17%,70%) |
#97a9b5 |
rgb(151,169,181) |
hsl(203,17%,65%) |
#889daa |
rgb(136,157,170) |
hsl(203,17%,60%) |
#7991a0 |
rgb(121,145,160) |
hsl(203,17%,55%) |
#6a8595 |
rgb(106,133,149) |
hsl(203,17%,50%) |
#5f7786 |
rgb(95,119,134) |
hsl(203,17%,45%) |
#556a77 |
rgb(85,106,119) |
hsl(203,17%,40%) |
#4a5d68 |
rgb(74,93,104) |
hsl(203,17%,35%) |
#3f505a |
rgb(63,80,90) |
hsl(203,17%,30%) |
#35424b |
rgb(53,66,75) |
hsl(203,17%,25%) |
#2a353c |
rgb(42,53,60) |
hsl(203,17%,20%) |
#20282d |
rgb(32,40,45) |
hsl(203,17%,15%) |
#151b1e |
rgb(21,27,30) |
hsl(203,17%,10%) |
#0b0d0f |
rgb(11,13,15) |
hsl(203,17%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56786E |
rgb(86,120,110) |
hsl(162,17%,40%) |
#566B78 |
rgb(86,107,120) |
hsl(203,17%,40%) |
#575778 |
rgb(87,87,120) |
hsl(240,16%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#748C9B |
rgb(116,140,155) |
hsl(203,16%,53%) |
#637D8B |
rgb(99,125,139) |
hsl(201,17%,47%) |
#566B78 |
rgb(86,107,120) |
hsl(203,17%,40%) |
#485964 |
rgb(72,89,100) |
hsl(204,16%,34%) |
#3A4A51 |
rgb(58,74,81) |
hsl(198,17%,27%) |
#2C383E |
rgb(44,56,62) |
hsl(200,17%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#566B78 |
rgb(86,107,120) |
hsl(203,17%,40%) |
#78575A |
rgb(120,87,90) |
hsl(355,16%,41%) |
#787356 |
rgb(120,115,86) |
hsl(51,17%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#566B78 |
rgb(86,107,120) |
hsl(203,17%,40%) |
#786356 |
rgb(120,99,86) |
hsl(23,17%,40%) |
#567874 |
rgb(86,120,116) |
hsl(173,17%,40%) |
#787356 |
rgb(120,115,86) |
hsl(51,17%,40%) |