HEX #5A7AA2 color — Waikawa Gray
The color #5A7AA2 is a dark shade and slightly desaturated.
Palette
5A7AA2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(213,29%,99%) |
#ebeff4 |
rgb(235,239,244) |
hsl(213,29%,94%) |
#dbe2eb |
rgb(219,226,235) |
hsl(213,29%,89%) |
#cad5e2 |
rgb(202,213,226) |
hsl(213,29%,84%) |
#bac8d9 |
rgb(186,200,217) |
hsl(213,29%,79%) |
#a9bbd0 |
rgb(169,187,208) |
hsl(213,29%,74%) |
#99aec7 |
rgb(153,174,199) |
hsl(213,29%,69%) |
#89a1be |
rgb(137,161,190) |
hsl(213,29%,64%) |
#7893b5 |
rgb(120,147,181) |
hsl(213,29%,59%) |
#6886ac |
rgb(104,134,172) |
hsl(213,29%,54%) |
#5979a1 |
rgb(89,121,161) |
hsl(213,29%,49%) |
#506d91 |
rgb(80,109,145) |
hsl(213,29%,44%) |
#476180 |
rgb(71,97,128) |
hsl(213,29%,39%) |
#3e5470 |
rgb(62,84,112) |
hsl(213,29%,34%) |
#35485f |
rgb(53,72,95) |
hsl(213,29%,29%) |
#2b3b4f |
rgb(43,59,79) |
hsl(213,29%,24%) |
#222f3f |
rgb(34,47,63) |
hsl(213,29%,19%) |
#19232e |
rgb(25,35,46) |
hsl(213,29%,14%) |
#10161e |
rgb(16,22,30) |
hsl(213,29%,9%) |
#070a0d |
rgb(7,10,13) |
hsl(213,29%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AA39A |
rgb(90,163,154) |
hsl(173,29%,50%) |
#5A7AA2 |
rgb(90,122,162) |
hsl(213,29%,49%) |
#6A59A2 |
rgb(106,89,162) |
hsl(254,29%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CA3BF |
rgb(140,163,191) |
hsl(213,28%,65%) |
#738FB1 |
rgb(115,143,177) |
hsl(213,28%,57%) |
#5A7AA2 |
rgb(90,122,162) |
hsl(213,29%,49%) |
#4B6688 |
rgb(75,102,136) |
hsl(213,29%,41%) |
#3D546E |
rgb(61,84,110) |
hsl(212,29%,34%) |
#2E4054 |
rgb(46,64,84) |
hsl(212,29%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A7AA2 |
rgb(90,122,162) |
hsl(213,29%,49%) |
#A25E5A |
rgb(162,94,90) |
hsl(3,29%,49%) |
#9EA35A |
rgb(158,163,90) |
hsl(64,29%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A7AA2 |
rgb(90,122,162) |
hsl(213,29%,49%) |
#A2825A |
rgb(162,130,90) |
hsl(33,29%,49%) |
#5A9EA2 |
rgb(90,158,162) |
hsl(183,29%,49%) |
#9EA35A |
rgb(158,163,90) |
hsl(64,29%,50%) |