HEX #536E78 color — Cutty Sark
The color #536E78 is a dark shade and slightly desaturated.
Palette
536E78 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f5 |
rgb(240,243,245) |
hsl(196,18%,95%) |
#e1e8ea |
rgb(225,232,234) |
hsl(196,18%,90%) |
#d2dce0 |
rgb(210,220,224) |
hsl(196,18%,85%) |
#c3d0d5 |
rgb(195,208,213) |
hsl(196,18%,80%) |
#b4c5cb |
rgb(180,197,203) |
hsl(196,18%,75%) |
#a5b9c0 |
rgb(165,185,192) |
hsl(196,18%,70%) |
#96adb6 |
rgb(150,173,182) |
hsl(196,18%,65%) |
#87a2ab |
rgb(135,162,171) |
hsl(196,18%,60%) |
#7896a1 |
rgb(120,150,161) |
hsl(196,18%,55%) |
#698a96 |
rgb(105,138,150) |
hsl(196,18%,50%) |
#5e7c87 |
rgb(94,124,135) |
hsl(196,18%,45%) |
#546f78 |
rgb(84,111,120) |
hsl(196,18%,40%) |
#496169 |
rgb(73,97,105) |
hsl(196,18%,35%) |
#3f535a |
rgb(63,83,90) |
hsl(196,18%,30%) |
#34454b |
rgb(52,69,75) |
hsl(196,18%,25%) |
#2a373c |
rgb(42,55,60) |
hsl(196,18%,20%) |
#1f292d |
rgb(31,41,45) |
hsl(196,18%,15%) |
#151c1e |
rgb(21,28,30) |
hsl(196,18%,10%) |
#0a0e0f |
rgb(10,14,15) |
hsl(196,18%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#537869 |
rgb(83,120,105) |
hsl(156,18%,40%) |
#536E78 |
rgb(83,110,120) |
hsl(196,18%,40%) |
#535478 |
rgb(83,84,120) |
hsl(238,18%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#60808B |
rgb(96,128,139) |
hsl(195,18%,46%) |
#536E78 |
rgb(83,110,120) |
hsl(196,18%,40%) |
#455C64 |
rgb(69,92,100) |
hsl(195,18%,33%) |
#384A51 |
rgb(56,74,81) |
hsl(197,18%,27%) |
#2B383E |
rgb(43,56,62) |
hsl(199,18%,21%) |
#1D292B |
rgb(29,41,43) |
hsl(189,19%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#536E78 |
rgb(83,110,120) |
hsl(196,18%,40%) |
#78545B |
rgb(120,84,91) |
hsl(348,18%,40%) |
#787053 |
rgb(120,112,83) |
hsl(47,18%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536E78 |
rgb(83,110,120) |
hsl(196,18%,40%) |
#785C53 |
rgb(120,92,83) |
hsl(15,18%,40%) |
#53786F |
rgb(83,120,111) |
hsl(165,18%,40%) |
#787053 |
rgb(120,112,83) |
hsl(47,18%,40%) |