HEX #5A7196 color — Waikawa Gray
The color #5a7196 is a dark shade and slightly desaturated.
Palette
5a7196 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7f9 |
rgb(245,247,249) |
hsl(217,25%,97%) |
#e6e9f0 |
rgb(230,233,240) |
hsl(217,25%,92%) |
#d6dce6 |
rgb(214,220,230) |
hsl(217,25%,87%) |
#c6cedd |
rgb(198,206,221) |
hsl(217,25%,82%) |
#b6c1d3 |
rgb(182,193,211) |
hsl(217,25%,77%) |
#a6b3c9 |
rgb(166,179,201) |
hsl(217,25%,72%) |
#96a6c0 |
rgb(150,166,192) |
hsl(217,25%,67%) |
#8698b6 |
rgb(134,152,182) |
hsl(217,25%,62%) |
#768bad |
rgb(118,139,173) |
hsl(217,25%,57%) |
#667da3 |
rgb(102,125,163) |
hsl(217,25%,52%) |
#5a7196 |
rgb(90,113,150) |
hsl(217,25%,47%) |
#506586 |
rgb(80,101,134) |
hsl(217,25%,42%) |
#475976 |
rgb(71,89,118) |
hsl(217,25%,37%) |
#3d4d66 |
rgb(61,77,102) |
hsl(217,25%,32%) |
#344156 |
rgb(52,65,86) |
hsl(217,25%,27%) |
#2a3546 |
rgb(42,53,70) |
hsl(217,25%,22%) |
#212936 |
rgb(33,41,54) |
hsl(217,25%,17%) |
#171d26 |
rgb(23,29,38) |
hsl(217,25%,12%) |
#0d1116 |
rgb(13,17,22) |
hsl(217,25%,7%) |
#040506 |
rgb(4,5,6) |
hsl(217,25%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A9693 |
rgb(90,150,147) |
hsl(177,25%,47%) |
#5A7196 |
rgb(90,113,150) |
hsl(217,25%,47%) |
#6B5996 |
rgb(107,89,150) |
hsl(258,26%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8699B6 |
rgb(134,153,182) |
hsl(216,25%,62%) |
#6E85A8 |
rgb(110,133,168) |
hsl(216,25%,55%) |
#5A7196 |
rgb(90,113,150) |
hsl(217,25%,47%) |
#4B5E7E |
rgb(75,94,126) |
hsl(218,25%,39%) |
#3D4D66 |
rgb(61,77,102) |
hsl(217,25%,32%) |
#2E3B4E |
rgb(46,59,78) |
hsl(216,26%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A7196 |
rgb(90,113,150) |
hsl(217,25%,47%) |
#96615A |
rgb(150,97,90) |
hsl(7,25%,47%) |
#8F965A |
rgb(143,150,90) |
hsl(67,25%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A7196 |
rgb(90,113,150) |
hsl(217,25%,47%) |
#96805A |
rgb(150,128,90) |
hsl(38,25%,47%) |
#5A8F96 |
rgb(90,143,150) |
hsl(187,25%,47%) |
#8F965A |
rgb(143,150,90) |
hsl(67,25%,47%) |