HEX #566E78 color — Cutty Sark
The color #566E78 is a dark shade and slightly desaturated.
Palette
566E78 color palette from light to dark
| HEX |
RGB |
HSL |
| #f0f3f4 |
rgb(240,243,244) |
hsl(198,17%,95%) |
| #e1e7ea |
rgb(225,231,234) |
hsl(198,17%,90%) |
| #d2dbdf |
rgb(210,219,223) |
hsl(198,17%,85%) |
| #c3cfd5 |
rgb(195,207,213) |
hsl(198,17%,80%) |
| #b4c4ca |
rgb(180,196,202) |
hsl(198,17%,75%) |
| #a5b8c0 |
rgb(165,184,192) |
hsl(198,17%,70%) |
| #97acb5 |
rgb(151,172,181) |
hsl(198,17%,65%) |
| #88a0aa |
rgb(136,160,170) |
hsl(198,17%,60%) |
| #7994a0 |
rgb(121,148,160) |
hsl(198,17%,55%) |
| #6a8895 |
rgb(106,136,149) |
hsl(198,17%,50%) |
| #5f7b86 |
rgb(95,123,134) |
hsl(198,17%,45%) |
| #556d77 |
rgb(85,109,119) |
hsl(198,17%,40%) |
| #4a5f68 |
rgb(74,95,104) |
hsl(198,17%,35%) |
| #3f525a |
rgb(63,82,90) |
hsl(198,17%,30%) |
| #35444b |
rgb(53,68,75) |
hsl(198,17%,25%) |
| #2a363c |
rgb(42,54,60) |
hsl(198,17%,20%) |
| #20292d |
rgb(32,41,45) |
hsl(198,17%,15%) |
| #151b1e |
rgb(21,27,30) |
hsl(198,17%,10%) |
| #0b0e0f |
rgb(11,14,15) |
hsl(198,17%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56786B |
rgb(86,120,107) |
hsl(157,17%,40%) |
| #566E78 |
rgb(86,110,120) |
hsl(198,17%,40%) |
| #565778 |
rgb(86,87,120) |
hsl(238,17%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #748F9B |
rgb(116,143,155) |
hsl(198,16%,53%) |
| #63808B |
rgb(99,128,139) |
hsl(197,17%,47%) |
| #566E78 |
rgb(86,110,120) |
hsl(198,17%,40%) |
| #485C64 |
rgb(72,92,100) |
hsl(197,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 |
| #566E78 |
rgb(86,110,120) |
hsl(198,17%,40%) |
| #78575D |
rgb(120,87,93) |
hsl(349,16%,41%) |
| #787056 |
rgb(120,112,86) |
hsl(46,17%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #566E78 |
rgb(86,110,120) |
hsl(198,17%,40%) |
| #786156 |
rgb(120,97,86) |
hsl(19,17%,40%) |
| #567871 |
rgb(86,120,113) |
hsl(168,17%,40%) |
| #787056 |
rgb(120,112,86) |
hsl(46,17%,40%) |
