HEX #5A6796 color — Waikawa Gray
The color #5a6796 is a dark shade and slightly desaturated.
Palette
5a6796 color palette from light to dark
HEX |
RGB |
HSL |
#f5f6f9 |
rgb(245,246,249) |
hsl(227,25%,97%) |
#e6e8f0 |
rgb(230,232,240) |
hsl(227,25%,92%) |
#d6d9e6 |
rgb(214,217,230) |
hsl(227,25%,87%) |
#c6cbdd |
rgb(198,203,221) |
hsl(227,25%,82%) |
#b6bcd3 |
rgb(182,188,211) |
hsl(227,25%,77%) |
#a6adc9 |
rgb(166,173,201) |
hsl(227,25%,72%) |
#969fc0 |
rgb(150,159,192) |
hsl(227,25%,67%) |
#8690b6 |
rgb(134,144,182) |
hsl(227,25%,62%) |
#7682ad |
rgb(118,130,173) |
hsl(227,25%,57%) |
#6673a3 |
rgb(102,115,163) |
hsl(227,25%,52%) |
#5a6796 |
rgb(90,103,150) |
hsl(227,25%,47%) |
#505c86 |
rgb(80,92,134) |
hsl(227,25%,42%) |
#475176 |
rgb(71,81,118) |
hsl(227,25%,37%) |
#3d4666 |
rgb(61,70,102) |
hsl(227,25%,32%) |
#343b56 |
rgb(52,59,86) |
hsl(227,25%,27%) |
#2a3046 |
rgb(42,48,70) |
hsl(227,25%,22%) |
#212536 |
rgb(33,37,54) |
hsl(227,25%,17%) |
#171a26 |
rgb(23,26,38) |
hsl(227,25%,12%) |
#0d0f16 |
rgb(13,15,22) |
hsl(227,25%,7%) |
#040406 |
rgb(4,4,6) |
hsl(227,25%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A8F96 |
rgb(90,143,150) |
hsl(187,25%,47%) |
#5A6796 |
rgb(90,103,150) |
hsl(227,25%,47%) |
#755996 |
rgb(117,89,150) |
hsl(268,26%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8691B6 |
rgb(134,145,182) |
hsl(226,25%,62%) |
#6E7AA8 |
rgb(110,122,168) |
hsl(228,25%,55%) |
#5A6796 |
rgb(90,103,150) |
hsl(227,25%,47%) |
#4B577E |
rgb(75,87,126) |
hsl(226,25%,39%) |
#3D4566 |
rgb(61,69,102) |
hsl(228,25%,32%) |
#2E364E |
rgb(46,54,78) |
hsl(225,26%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A6796 |
rgb(90,103,150) |
hsl(227,25%,47%) |
#966B5A |
rgb(150,107,90) |
hsl(17,25%,47%) |
#85965A |
rgb(133,150,90) |
hsl(77,25%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6796 |
rgb(90,103,150) |
hsl(227,25%,47%) |
#968A5A |
rgb(150,138,90) |
hsl(48,25%,47%) |
#5A8596 |
rgb(90,133,150) |
hsl(197,25%,47%) |
#85965A |
rgb(133,150,90) |
hsl(77,25%,47%) |