HEX #5770A2 color — Waikawa Gray
The color #5770A2 is a dark shade and slightly desaturated.
Palette
5770A2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(220,30%,99%) |
#ebeef4 |
rgb(235,238,244) |
hsl(220,30%,94%) |
#dbe0eb |
rgb(219,224,235) |
hsl(220,30%,89%) |
#cad2e2 |
rgb(202,210,226) |
hsl(220,30%,84%) |
#b9c4da |
rgb(185,196,218) |
hsl(220,30%,79%) |
#a9b6d1 |
rgb(169,182,209) |
hsl(220,30%,74%) |
#98a8c8 |
rgb(152,168,200) |
hsl(220,30%,69%) |
#889abf |
rgb(136,154,191) |
hsl(220,30%,64%) |
#778cb6 |
rgb(119,140,182) |
hsl(220,30%,59%) |
#677ead |
rgb(103,126,173) |
hsl(220,30%,54%) |
#5770a2 |
rgb(87,112,162) |
hsl(220,30%,49%) |
#4f6592 |
rgb(79,101,146) |
hsl(220,30%,44%) |
#465a81 |
rgb(70,90,129) |
hsl(220,30%,39%) |
#3d4e71 |
rgb(61,78,113) |
hsl(220,30%,34%) |
#344360 |
rgb(52,67,96) |
hsl(220,30%,29%) |
#2b3750 |
rgb(43,55,80) |
hsl(220,30%,24%) |
#222c3f |
rgb(34,44,63) |
hsl(220,30%,19%) |
#19202e |
rgb(25,32,46) |
hsl(220,30%,14%) |
#10151e |
rgb(16,21,30) |
hsl(220,30%,9%) |
#07090d |
rgb(7,9,13) |
hsl(220,30%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#57A3A2 |
rgb(87,163,162) |
hsl(179,30%,49%) |
#5770A2 |
rgb(87,112,162) |
hsl(220,30%,49%) |
#7057A2 |
rgb(112,87,162) |
hsl(260,30%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#899CBF |
rgb(137,156,191) |
hsl(219,30%,64%) |
#6F85B1 |
rgb(111,133,177) |
hsl(220,30%,56%) |
#5770A2 |
rgb(87,112,162) |
hsl(220,30%,49%) |
#495E88 |
rgb(73,94,136) |
hsl(220,30%,41%) |
#3B4D6E |
rgb(59,77,110) |
hsl(219,30%,33%) |
#2D3B54 |
rgb(45,59,84) |
hsl(218,30%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5770A2 |
rgb(87,112,162) |
hsl(220,30%,49%) |
#A26357 |
rgb(162,99,87) |
hsl(10,30%,49%) |
#95A357 |
rgb(149,163,87) |
hsl(71,30%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5770A2 |
rgb(87,112,162) |
hsl(220,30%,49%) |
#A28A57 |
rgb(162,138,87) |
hsl(41,30%,49%) |
#5796A2 |
rgb(87,150,162) |
hsl(190,30%,49%) |
#95A357 |
rgb(149,163,87) |
hsl(71,30%,49%) |