HEX #307AA2 color — Astral
The color #307AA2 is a dark shade and moderately saturated.
Palette
307AA2 color palette from light to dark
HEX |
RGB |
HSL |
#eff6fa |
rgb(239,246,250) |
hsl(201,54%,96%) |
#dcecf4 |
rgb(220,236,244) |
hsl(201,54%,91%) |
#c8e1ef |
rgb(200,225,239) |
hsl(201,54%,86%) |
#b4d6e9 |
rgb(180,214,233) |
hsl(201,54%,81%) |
#a1cce3 |
rgb(161,204,227) |
hsl(201,54%,76%) |
#8dc1dd |
rgb(141,193,221) |
hsl(201,54%,71%) |
#79b6d7 |
rgb(121,182,215) |
hsl(201,54%,66%) |
#66acd1 |
rgb(102,172,209) |
hsl(201,54%,61%) |
#52a1cb |
rgb(82,161,203) |
hsl(201,54%,56%) |
#3f96c6 |
rgb(63,150,198) |
hsl(201,54%,51%) |
#3688b5 |
rgb(54,136,181) |
hsl(201,54%,46%) |
#3079a1 |
rgb(48,121,161) |
hsl(201,54%,41%) |
#2a6b8d |
rgb(42,107,141) |
hsl(201,54%,36%) |
#245c7a |
rgb(36,92,122) |
hsl(201,54%,31%) |
#1e4d66 |
rgb(30,77,102) |
hsl(201,54%,26%) |
#193e52 |
rgb(25,62,82) |
hsl(201,54%,21%) |
#132f3f |
rgb(19,47,63) |
hsl(201,54%,16%) |
#0d212b |
rgb(13,33,43) |
hsl(201,54%,11%) |
#071218 |
rgb(7,18,24) |
hsl(201,54%,6%) |
#010304 |
rgb(1,3,4) |
hsl(201,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A37E |
rgb(48,163,126) |
hsl(161,55%,41%) |
#307AA2 |
rgb(48,122,162) |
hsl(201,54%,41%) |
#3230A2 |
rgb(50,48,162) |
hsl(241,54%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B9EC9 |
rgb(75,158,201) |
hsl(200,54%,54%) |
#378CBB |
rgb(55,140,187) |
hsl(201,55%,47%) |
#307AA2 |
rgb(48,122,162) |
hsl(201,54%,41%) |
#286688 |
rgb(40,102,136) |
hsl(201,55%,35%) |
#20546E |
rgb(32,84,110) |
hsl(200,55%,28%) |
#184054 |
rgb(24,64,84) |
hsl(200,56%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#307AA2 |
rgb(48,122,162) |
hsl(201,54%,41%) |
#A23041 |
rgb(162,48,65) |
hsl(351,54%,41%) |
#A29130 |
rgb(162,145,48) |
hsl(51,54%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307AA2 |
rgb(48,122,162) |
hsl(201,54%,41%) |
#A25930 |
rgb(162,89,48) |
hsl(22,54%,41%) |
#30A391 |
rgb(48,163,145) |
hsl(171,55%,41%) |
#A29130 |
rgb(162,145,48) |
hsl(51,54%,41%) |