HEX #536680 color — Blue Bayoux
The color #536680 is a dark shade and slightly desaturated.
Palette
536680 color palette from light to dark
HEX |
RGB |
HSL |
#f3f4f7 |
rgb(243,244,247) |
hsl(215,21%,96%) |
#e3e7ed |
rgb(227,231,237) |
hsl(215,21%,91%) |
#d4dae3 |
rgb(212,218,227) |
hsl(215,21%,86%) |
#c4cdd9 |
rgb(196,205,217) |
hsl(215,21%,81%) |
#b5c0cf |
rgb(181,192,207) |
hsl(215,21%,76%) |
#a6b2c5 |
rgb(166,178,197) |
hsl(215,21%,71%) |
#96a5bb |
rgb(150,165,187) |
hsl(215,21%,66%) |
#8798b0 |
rgb(135,152,176) |
hsl(215,21%,61%) |
#778ba6 |
rgb(119,139,166) |
hsl(215,21%,56%) |
#687e9c |
rgb(104,126,156) |
hsl(215,21%,51%) |
#5d718e |
rgb(93,113,142) |
hsl(215,21%,46%) |
#53657f |
rgb(83,101,127) |
hsl(215,21%,41%) |
#49596f |
rgb(73,89,111) |
hsl(215,21%,36%) |
#3e4c60 |
rgb(62,76,96) |
hsl(215,21%,31%) |
#344050 |
rgb(52,64,80) |
hsl(215,21%,26%) |
#2a3441 |
rgb(42,52,65) |
hsl(215,21%,21%) |
#202731 |
rgb(32,39,49) |
hsl(215,21%,16%) |
#161b22 |
rgb(22,27,34) |
hsl(215,21%,11%) |
#0c0f13 |
rgb(12,15,19) |
hsl(215,21%,6%) |
#020203 |
rgb(2,2,3) |
hsl(215,21%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#53807C |
rgb(83,128,124) |
hsl(175,21%,41%) |
#536680 |
rgb(83,102,128) |
hsl(215,21%,41%) |
#5E5480 |
rgb(94,84,128) |
hsl(254,21%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7287A3 |
rgb(114,135,163) |
hsl(214,21%,54%) |
#607594 |
rgb(96,117,148) |
hsl(216,21%,48%) |
#536680 |
rgb(83,102,128) |
hsl(215,21%,41%) |
#45576B |
rgb(69,87,107) |
hsl(212,22%,35%) |
#384557 |
rgb(56,69,87) |
hsl(215,22%,28%) |
#2B3642 |
rgb(43,54,66) |
hsl(211,21%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#536680 |
rgb(83,102,128) |
hsl(215,21%,41%) |
#805753 |
rgb(128,87,83) |
hsl(5,21%,41%) |
#7C8053 |
rgb(124,128,83) |
hsl(65,21%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536680 |
rgb(83,102,128) |
hsl(215,21%,41%) |
#806E53 |
rgb(128,110,83) |
hsl(36,21%,41%) |
#537D80 |
rgb(83,125,128) |
hsl(184,21%,41%) |
#7C8053 |
rgb(124,128,83) |
hsl(65,21%,41%) |