HEX #5A6C96 color — Waikawa Gray
The color #5A6C96 is a dark shade and slightly desaturated.
Palette
5A6C96 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7f9 |
rgb(245,247,249) |
hsl(222,25%,97%) |
#e6e9f0 |
rgb(230,233,240) |
hsl(222,25%,92%) |
#d6dbe6 |
rgb(214,219,230) |
hsl(222,25%,87%) |
#c6cddd |
rgb(198,205,221) |
hsl(222,25%,82%) |
#b6bed3 |
rgb(182,190,211) |
hsl(222,25%,77%) |
#a6b0c9 |
rgb(166,176,201) |
hsl(222,25%,72%) |
#96a2c0 |
rgb(150,162,192) |
hsl(222,25%,67%) |
#8694b6 |
rgb(134,148,182) |
hsl(222,25%,62%) |
#7686ad |
rgb(118,134,173) |
hsl(222,25%,57%) |
#6678a3 |
rgb(102,120,163) |
hsl(222,25%,52%) |
#5a6c96 |
rgb(90,108,150) |
hsl(222,25%,47%) |
#506086 |
rgb(80,96,134) |
hsl(222,25%,42%) |
#475576 |
rgb(71,85,118) |
hsl(222,25%,37%) |
#3d4966 |
rgb(61,73,102) |
hsl(222,25%,32%) |
#343e56 |
rgb(52,62,86) |
hsl(222,25%,27%) |
#2a3246 |
rgb(42,50,70) |
hsl(222,25%,22%) |
#212736 |
rgb(33,39,54) |
hsl(222,25%,17%) |
#171c26 |
rgb(23,28,38) |
hsl(222,25%,12%) |
#0d1016 |
rgb(13,16,22) |
hsl(222,25%,7%) |
#040506 |
rgb(4,5,6) |
hsl(222,25%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A9496 |
rgb(90,148,150) |
hsl(182,25%,47%) |
#5A6C96 |
rgb(90,108,150) |
hsl(222,25%,47%) |
#705996 |
rgb(112,89,150) |
hsl(263,26%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8694B6 |
rgb(134,148,182) |
hsl(223,25%,62%) |
#6E80A8 |
rgb(110,128,168) |
hsl(221,25%,55%) |
#5A6C96 |
rgb(90,108,150) |
hsl(222,25%,47%) |
#4B5C7E |
rgb(75,92,126) |
hsl(220,25%,39%) |
#3D4A66 |
rgb(61,74,102) |
hsl(221,25%,32%) |
#2E384E |
rgb(46,56,78) |
hsl(221,26%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A6C96 |
rgb(90,108,150) |
hsl(222,25%,47%) |
#96665A |
rgb(150,102,90) |
hsl(12,25%,47%) |
#8A965A |
rgb(138,150,90) |
hsl(72,25%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6C96 |
rgb(90,108,150) |
hsl(222,25%,47%) |
#96855A |
rgb(150,133,90) |
hsl(43,25%,47%) |
#5A8A96 |
rgb(90,138,150) |
hsl(192,25%,47%) |
#8A965A |
rgb(138,150,90) |
hsl(72,25%,47%) |