HEX #3157A2 color — Azure
The color #3157A2 is a dark shade and moderately saturated.
Palette
3157A2 color palette from light to dark
HEX |
RGB |
HSL |
#eff3fa |
rgb(239,243,250) |
hsl(220,54%,96%) |
#dce4f4 |
rgb(220,228,244) |
hsl(220,54%,91%) |
#c8d5ef |
rgb(200,213,239) |
hsl(220,54%,86%) |
#b4c6e9 |
rgb(180,198,233) |
hsl(220,54%,81%) |
#a1b7e3 |
rgb(161,183,227) |
hsl(220,54%,76%) |
#8da8dd |
rgb(141,168,221) |
hsl(220,54%,71%) |
#7999d7 |
rgb(121,153,215) |
hsl(220,54%,66%) |
#668ad1 |
rgb(102,138,209) |
hsl(220,54%,61%) |
#527bcb |
rgb(82,123,203) |
hsl(220,54%,56%) |
#3f6cc6 |
rgb(63,108,198) |
hsl(220,54%,51%) |
#3660b5 |
rgb(54,96,181) |
hsl(220,54%,46%) |
#3056a1 |
rgb(48,86,161) |
hsl(220,54%,41%) |
#2a4b8d |
rgb(42,75,141) |
hsl(220,54%,36%) |
#24417a |
rgb(36,65,122) |
hsl(220,54%,31%) |
#1e3666 |
rgb(30,54,102) |
hsl(220,54%,26%) |
#192c52 |
rgb(25,44,82) |
hsl(220,54%,21%) |
#13213f |
rgb(19,33,63) |
hsl(220,54%,16%) |
#0d172b |
rgb(13,23,43) |
hsl(220,54%,11%) |
#070d18 |
rgb(7,13,24) |
hsl(220,54%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31A3A1 |
rgb(49,163,161) |
hsl(179,54%,42%) |
#3157A2 |
rgb(49,87,162) |
hsl(220,54%,41%) |
#5630A2 |
rgb(86,48,162) |
hsl(260,54%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4D78C9 |
rgb(77,120,201) |
hsl(219,53%,55%) |
#3866BB |
rgb(56,102,187) |
hsl(219,54%,48%) |
#3157A2 |
rgb(49,87,162) |
hsl(220,54%,41%) |
#294A88 |
rgb(41,74,136) |
hsl(219,54%,35%) |
#213B6E |
rgb(33,59,110) |
hsl(220,54%,28%) |
#192E54 |
rgb(25,46,84) |
hsl(219,54%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#3157A2 |
rgb(49,87,162) |
hsl(220,54%,41%) |
#A24231 |
rgb(162,66,49) |
hsl(9,54%,41%) |
#8FA331 |
rgb(143,163,49) |
hsl(71,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3157A2 |
rgb(49,87,162) |
hsl(220,54%,41%) |
#A27D31 |
rgb(162,125,49) |
hsl(40,54%,41%) |
#318FA2 |
rgb(49,143,162) |
hsl(190,54%,41%) |
#8FA331 |
rgb(143,163,49) |
hsl(71,54%,42%) |