HEX #536682 color — Blue Bayoux
The color #536682 is a dark shade and slightly desaturated.
Palette
536682 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(216,22%,97%) |
#e6eaef |
rgb(230,234,239) |
hsl(216,22%,92%) |
#d7dce5 |
rgb(215,220,229) |
hsl(216,22%,87%) |
#c7cfdb |
rgb(199,207,219) |
hsl(216,22%,82%) |
#b7c2d1 |
rgb(183,194,209) |
hsl(216,22%,77%) |
#a8b4c7 |
rgb(168,180,199) |
hsl(216,22%,72%) |
#98a7bd |
rgb(152,167,189) |
hsl(216,22%,67%) |
#899ab3 |
rgb(137,154,179) |
hsl(216,22%,62%) |
#798da9 |
rgb(121,141,169) |
hsl(216,22%,57%) |
#6a7fa0 |
rgb(106,127,160) |
hsl(216,22%,52%) |
#5d7392 |
rgb(93,115,146) |
hsl(216,22%,47%) |
#546683 |
rgb(84,102,131) |
hsl(216,22%,42%) |
#4a5a73 |
rgb(74,90,115) |
hsl(216,22%,37%) |
#404e64 |
rgb(64,78,100) |
hsl(216,22%,32%) |
#364254 |
rgb(54,66,84) |
hsl(216,22%,27%) |
#2c3644 |
rgb(44,54,68) |
hsl(216,22%,22%) |
#222935 |
rgb(34,41,53) |
hsl(216,22%,17%) |
#181d25 |
rgb(24,29,37) |
hsl(216,22%,12%) |
#0e1116 |
rgb(14,17,22) |
hsl(216,22%,7%) |
#040506 |
rgb(4,5,6) |
hsl(216,22%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#53827E |
rgb(83,130,126) |
hsl(175,22%,42%) |
#536682 |
rgb(83,102,130) |
hsl(216,22%,42%) |
#5F5482 |
rgb(95,84,130) |
hsl(254,21%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7387A5 |
rgb(115,135,165) |
hsl(216,22%,55%) |
#607596 |
rgb(96,117,150) |
hsl(217,22%,48%) |
#536682 |
rgb(83,102,130) |
hsl(216,22%,42%) |
#45576D |
rgb(69,87,109) |
hsl(213,22%,35%) |
#384558 |
rgb(56,69,88) |
hsl(216,22%,28%) |
#2B3643 |
rgb(43,54,67) |
hsl(213,22%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#536682 |
rgb(83,102,130) |
hsl(216,22%,42%) |
#825753 |
rgb(130,87,83) |
hsl(5,22%,42%) |
#7D8253 |
rgb(125,130,83) |
hsl(66,22%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536682 |
rgb(83,102,130) |
hsl(216,22%,42%) |
#827053 |
rgb(130,112,83) |
hsl(37,22%,42%) |
#537D82 |
rgb(83,125,130) |
hsl(186,22%,42%) |
#7D8253 |
rgb(125,130,83) |
hsl(66,22%,42%) |