HEX #557A80 color — Cutty Sark
The color #557A80 is a dark shade and slightly desaturated.
Palette
557A80 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8f9 |
rgb(246,248,249) |
hsl(188,20%,97%) |
#e7eeef |
rgb(231,238,239) |
hsl(188,20%,92%) |
#d7e3e4 |
rgb(215,227,228) |
hsl(188,20%,87%) |
#c8d8da |
rgb(200,216,218) |
hsl(188,20%,82%) |
#b9cdd0 |
rgb(185,205,208) |
hsl(188,20%,77%) |
#a9c2c6 |
rgb(169,194,198) |
hsl(188,20%,72%) |
#9ab7bc |
rgb(154,183,188) |
hsl(188,20%,67%) |
#8bacb1 |
rgb(139,172,177) |
hsl(188,20%,62%) |
#7ba1a7 |
rgb(123,161,167) |
hsl(188,20%,57%) |
#6c979d |
rgb(108,151,157) |
hsl(188,20%,52%) |
#608990 |
rgb(96,137,144) |
hsl(188,20%,47%) |
#567b81 |
rgb(86,123,129) |
hsl(188,20%,42%) |
#4b6c71 |
rgb(75,108,113) |
hsl(188,20%,37%) |
#415e62 |
rgb(65,94,98) |
hsl(188,20%,32%) |
#374f53 |
rgb(55,79,83) |
hsl(188,20%,27%) |
#2d4043 |
rgb(45,64,67) |
hsl(188,20%,22%) |
#233234 |
rgb(35,50,52) |
hsl(188,20%,17%) |
#182325 |
rgb(24,35,37) |
hsl(188,20%,12%) |
#0e1415 |
rgb(14,20,21) |
hsl(188,20%,7%) |
#040606 |
rgb(4,6,6) |
hsl(188,20%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#558069 |
rgb(85,128,105) |
hsl(148,20%,42%) |
#557A80 |
rgb(85,122,128) |
hsl(188,20%,42%) |
#555E80 |
rgb(85,94,128) |
hsl(227,20%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#759EA3 |
rgb(117,158,163) |
hsl(187,20%,55%) |
#628C94 |
rgb(98,140,148) |
hsl(190,20%,48%) |
#557A80 |
rgb(85,122,128) |
hsl(188,20%,42%) |
#47666B |
rgb(71,102,107) |
hsl(188,20%,35%) |
#395457 |
rgb(57,84,87) |
hsl(186,21%,28%) |
#2C4042 |
rgb(44,64,66) |
hsl(185,20%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#557A80 |
rgb(85,122,128) |
hsl(188,20%,42%) |
#805464 |
rgb(128,84,100) |
hsl(338,21%,42%) |
#807055 |
rgb(128,112,85) |
hsl(38,20%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557A80 |
rgb(85,122,128) |
hsl(188,20%,42%) |
#805C55 |
rgb(128,92,85) |
hsl(10,20%,42%) |
#558070 |
rgb(85,128,112) |
hsl(158,20%,42%) |
#807055 |
rgb(128,112,85) |
hsl(38,20%,42%) |