HEX #5A70B0 color — Waikawa Gray
The color #5A70B0 is a dark shade and slightly desaturated.
Palette
5A70B0 color palette from light to dark
HEX |
RGB |
HSL |
#f5f6fa |
rgb(245,246,250) |
hsl(225,35%,97%) |
#e3e7f2 |
rgb(227,231,242) |
hsl(225,35%,92%) |
#d2d8e9 |
rgb(210,216,233) |
hsl(225,35%,87%) |
#c1c9e1 |
rgb(193,201,225) |
hsl(225,35%,82%) |
#b0bad9 |
rgb(176,186,217) |
hsl(225,35%,77%) |
#9fabd1 |
rgb(159,171,209) |
hsl(225,35%,72%) |
#8d9cc8 |
rgb(141,156,200) |
hsl(225,35%,67%) |
#7c8dc0 |
rgb(124,141,192) |
hsl(225,35%,62%) |
#6b7eb8 |
rgb(107,126,184) |
hsl(225,35%,57%) |
#5a6faf |
rgb(90,111,175) |
hsl(225,35%,52%) |
#4e63a2 |
rgb(78,99,162) |
hsl(225,35%,47%) |
#465891 |
rgb(70,88,145) |
hsl(225,35%,42%) |
#3d4e7f |
rgb(61,78,127) |
hsl(225,35%,37%) |
#35436e |
rgb(53,67,110) |
hsl(225,35%,32%) |
#2d395d |
rgb(45,57,93) |
hsl(225,35%,27%) |
#242e4c |
rgb(36,46,76) |
hsl(225,35%,22%) |
#1c243b |
rgb(28,36,59) |
hsl(225,35%,17%) |
#141929 |
rgb(20,25,41) |
hsl(225,35%,12%) |
#0c0f18 |
rgb(12,15,24) |
hsl(225,35%,7%) |
#030407 |
rgb(3,4,7) |
hsl(225,35%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AA8B0 |
rgb(90,168,176) |
hsl(186,35%,52%) |
#5A70B0 |
rgb(90,112,176) |
hsl(225,35%,52%) |
#7D59B0 |
rgb(125,89,176) |
hsl(265,36%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#93A1CB |
rgb(147,161,203) |
hsl(225,35%,69%) |
#768ABD |
rgb(118,138,189) |
hsl(223,35%,60%) |
#5A70B0 |
rgb(90,112,176) |
hsl(225,35%,52%) |
#485C97 |
rgb(72,92,151) |
hsl(225,35%,44%) |
#3A4A7A |
rgb(58,74,122) |
hsl(225,36%,35%) |
#2C385D |
rgb(44,56,93) |
hsl(225,36%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A70B0 |
rgb(90,112,176) |
hsl(225,35%,52%) |
#B0705A |
rgb(176,112,90) |
hsl(15,35%,52%) |
#9BB05A |
rgb(155,176,90) |
hsl(75,35%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A70B0 |
rgb(90,112,176) |
hsl(225,35%,52%) |
#B0995A |
rgb(176,153,90) |
hsl(44,35%,52%) |
#5A9CB0 |
rgb(90,156,176) |
hsl(194,35%,52%) |
#9BB05A |
rgb(155,176,90) |
hsl(75,35%,52%) |