HEX #5A69A2 color — Waikawa Gray
The color #5A69A2 is a dark shade and slightly desaturated.
Palette
5A69A2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(228,29%,99%) |
#ebedf4 |
rgb(235,237,244) |
hsl(228,29%,94%) |
#dbdeeb |
rgb(219,222,235) |
hsl(228,29%,89%) |
#cacfe2 |
rgb(202,207,226) |
hsl(228,29%,84%) |
#bac0d9 |
rgb(186,192,217) |
hsl(228,29%,79%) |
#a9b1d0 |
rgb(169,177,208) |
hsl(228,29%,74%) |
#99a2c7 |
rgb(153,162,199) |
hsl(228,29%,69%) |
#8993be |
rgb(137,147,190) |
hsl(228,29%,64%) |
#7884b5 |
rgb(120,132,181) |
hsl(228,29%,59%) |
#6875ac |
rgb(104,117,172) |
hsl(228,29%,54%) |
#5967a1 |
rgb(89,103,161) |
hsl(228,29%,49%) |
#505d91 |
rgb(80,93,145) |
hsl(228,29%,44%) |
#475280 |
rgb(71,82,128) |
hsl(228,29%,39%) |
#3e4870 |
rgb(62,72,112) |
hsl(228,29%,34%) |
#353d5f |
rgb(53,61,95) |
hsl(228,29%,29%) |
#2b334f |
rgb(43,51,79) |
hsl(228,29%,24%) |
#22283f |
rgb(34,40,63) |
hsl(228,29%,19%) |
#191d2e |
rgb(25,29,46) |
hsl(228,29%,14%) |
#10131e |
rgb(16,19,30) |
hsl(228,29%,9%) |
#07080d |
rgb(7,8,13) |
hsl(228,29%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A99A2 |
rgb(90,153,162) |
hsl(188,29%,49%) |
#5A69A2 |
rgb(90,105,162) |
hsl(228,29%,49%) |
#7B59A2 |
rgb(123,89,162) |
hsl(268,29%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8C96BF |
rgb(140,150,191) |
hsl(228,28%,65%) |
#7380B1 |
rgb(115,128,177) |
hsl(227,28%,57%) |
#5A69A2 |
rgb(90,105,162) |
hsl(228,29%,49%) |
#4B5988 |
rgb(75,89,136) |
hsl(226,29%,41%) |
#3D476E |
rgb(61,71,110) |
hsl(228,29%,34%) |
#2E3654 |
rgb(46,54,84) |
hsl(227,29%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A69A2 |
rgb(90,105,162) |
hsl(228,29%,49%) |
#A2705A |
rgb(162,112,90) |
hsl(18,29%,49%) |
#8DA35A |
rgb(141,163,90) |
hsl(78,29%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A69A2 |
rgb(90,105,162) |
hsl(228,29%,49%) |
#A2945A |
rgb(162,148,90) |
hsl(48,29%,49%) |
#5A8CA2 |
rgb(90,140,162) |
hsl(198,29%,49%) |
#8DA35A |
rgb(141,163,90) |
hsl(78,29%,50%) |