HEX #536E80 color — Blue Bayoux
The color #536E80 is a dark shade and slightly desaturated.
Palette
536E80 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5f7 |
rgb(243,245,247) |
hsl(204,21%,96%) |
#e3e9ed |
rgb(227,233,237) |
hsl(204,21%,91%) |
#d4dde3 |
rgb(212,221,227) |
hsl(204,21%,86%) |
#c4d1d9 |
rgb(196,209,217) |
hsl(204,21%,81%) |
#b5c4cf |
rgb(181,196,207) |
hsl(204,21%,76%) |
#a6b8c5 |
rgb(166,184,197) |
hsl(204,21%,71%) |
#96acbb |
rgb(150,172,187) |
hsl(204,21%,66%) |
#87a0b0 |
rgb(135,160,176) |
hsl(204,21%,61%) |
#7794a6 |
rgb(119,148,166) |
hsl(204,21%,56%) |
#68879c |
rgb(104,135,156) |
hsl(204,21%,51%) |
#5d7a8e |
rgb(93,122,142) |
hsl(204,21%,46%) |
#536d7f |
rgb(83,109,127) |
hsl(204,21%,41%) |
#49606f |
rgb(73,96,111) |
hsl(204,21%,36%) |
#3e5260 |
rgb(62,82,96) |
hsl(204,21%,31%) |
#344550 |
rgb(52,69,80) |
hsl(204,21%,26%) |
#2a3841 |
rgb(42,56,65) |
hsl(204,21%,21%) |
#202b31 |
rgb(32,43,49) |
hsl(204,21%,16%) |
#161d22 |
rgb(22,29,34) |
hsl(204,21%,11%) |
#0c1013 |
rgb(12,16,19) |
hsl(204,21%,6%) |
#020303 |
rgb(2,3,3) |
hsl(204,21%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#538074 |
rgb(83,128,116) |
hsl(164,21%,41%) |
#536E80 |
rgb(83,110,128) |
hsl(204,21%,41%) |
#565480 |
rgb(86,84,128) |
hsl(243,21%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7291A3 |
rgb(114,145,163) |
hsl(202,21%,54%) |
#608094 |
rgb(96,128,148) |
hsl(203,21%,48%) |
#536E80 |
rgb(83,110,128) |
hsl(204,21%,41%) |
#455C6B |
rgb(69,92,107) |
hsl(204,22%,35%) |
#384A57 |
rgb(56,74,87) |
hsl(205,22%,28%) |
#2B3842 |
rgb(43,56,66) |
hsl(206,21%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#536E80 |
rgb(83,110,128) |
hsl(204,21%,41%) |
#805457 |
rgb(128,84,87) |
hsl(356,21%,42%) |
#807A53 |
rgb(128,122,83) |
hsl(52,21%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536E80 |
rgb(83,110,128) |
hsl(204,21%,41%) |
#806653 |
rgb(128,102,83) |
hsl(25,21%,41%) |
#53807B |
rgb(83,128,123) |
hsl(173,21%,41%) |
#807A53 |
rgb(128,122,83) |
hsl(52,21%,41%) |