HEX #5A6E97 color — Waikawa Gray
The color #5A6E97 is a dark shade and slightly desaturated.
Palette
5A6E97 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7f9 |
rgb(245,247,249) |
hsl(220,25%,97%) |
#e6e9f0 |
rgb(230,233,240) |
hsl(220,25%,92%) |
#d6dbe6 |
rgb(214,219,230) |
hsl(220,25%,87%) |
#c6cddd |
rgb(198,205,221) |
hsl(220,25%,82%) |
#b6bfd3 |
rgb(182,191,211) |
hsl(220,25%,77%) |
#a6b2c9 |
rgb(166,178,201) |
hsl(220,25%,72%) |
#96a4c0 |
rgb(150,164,192) |
hsl(220,25%,67%) |
#8696b6 |
rgb(134,150,182) |
hsl(220,25%,62%) |
#7688ad |
rgb(118,136,173) |
hsl(220,25%,57%) |
#667aa3 |
rgb(102,122,163) |
hsl(220,25%,52%) |
#5a6e96 |
rgb(90,110,150) |
hsl(220,25%,47%) |
#506286 |
rgb(80,98,134) |
hsl(220,25%,42%) |
#475676 |
rgb(71,86,118) |
hsl(220,25%,37%) |
#3d4b66 |
rgb(61,75,102) |
hsl(220,25%,32%) |
#343f56 |
rgb(52,63,86) |
hsl(220,25%,27%) |
#2a3346 |
rgb(42,51,70) |
hsl(220,25%,22%) |
#212836 |
rgb(33,40,54) |
hsl(220,25%,17%) |
#171c26 |
rgb(23,28,38) |
hsl(220,25%,12%) |
#0d1016 |
rgb(13,16,22) |
hsl(220,25%,7%) |
#040506 |
rgb(4,5,6) |
hsl(220,25%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A9697 |
rgb(90,150,151) |
hsl(181,25%,47%) |
#5A6E97 |
rgb(90,110,151) |
hsl(220,25%,47%) |
#6E5997 |
rgb(110,89,151) |
hsl(260,26%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8696B7 |
rgb(134,150,183) |
hsl(220,25%,62%) |
#6E82A8 |
rgb(110,130,168) |
hsl(219,25%,55%) |
#5A6E97 |
rgb(90,110,151) |
hsl(220,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 |
#5A6E97 |
rgb(90,110,151) |
hsl(220,25%,47%) |
#97635A |
rgb(151,99,90) |
hsl(9,25%,47%) |
#8C965A |
rgb(140,150,90) |
hsl(70,25%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6E97 |
rgb(90,110,151) |
hsl(220,25%,47%) |
#97825A |
rgb(151,130,90) |
hsl(39,25%,47%) |
#5A8C97 |
rgb(90,140,151) |
hsl(191,25%,47%) |
#8C965A |
rgb(140,150,90) |
hsl(70,25%,47%) |