HEX #305EA2 color — Azure
The color #305EA2 is a dark shade and moderately saturated.
Palette
305EA2 color palette from light to dark
HEX |
RGB |
HSL |
#eff4fa |
rgb(239,244,250) |
hsl(216,54%,96%) |
#dce6f4 |
rgb(220,230,244) |
hsl(216,54%,91%) |
#c8d7ef |
rgb(200,215,239) |
hsl(216,54%,86%) |
#b4c9e9 |
rgb(180,201,233) |
hsl(216,54%,81%) |
#a1bbe3 |
rgb(161,187,227) |
hsl(216,54%,76%) |
#8daddd |
rgb(141,173,221) |
hsl(216,54%,71%) |
#799fd7 |
rgb(121,159,215) |
hsl(216,54%,66%) |
#6691d1 |
rgb(102,145,209) |
hsl(216,54%,61%) |
#5283cb |
rgb(82,131,203) |
hsl(216,54%,56%) |
#3f75c6 |
rgb(63,117,198) |
hsl(216,54%,51%) |
#3669b5 |
rgb(54,105,181) |
hsl(216,54%,46%) |
#305da1 |
rgb(48,93,161) |
hsl(216,54%,41%) |
#2a528d |
rgb(42,82,141) |
hsl(216,54%,36%) |
#24477a |
rgb(36,71,122) |
hsl(216,54%,31%) |
#1e3b66 |
rgb(30,59,102) |
hsl(216,54%,26%) |
#193052 |
rgb(25,48,82) |
hsl(216,54%,21%) |
#13243f |
rgb(19,36,63) |
hsl(216,54%,16%) |
#0d192b |
rgb(13,25,43) |
hsl(216,54%,11%) |
#070e18 |
rgb(7,14,24) |
hsl(216,54%,6%) |
#010204 |
rgb(1,2,4) |
hsl(216,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A39A |
rgb(48,163,154) |
hsl(175,55%,41%) |
#305EA2 |
rgb(48,94,162) |
hsl(216,54%,41%) |
#4E30A2 |
rgb(78,48,162) |
hsl(256,54%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B80C9 |
rgb(75,128,201) |
hsl(215,54%,54%) |
#376EBB |
rgb(55,110,187) |
hsl(215,55%,47%) |
#305EA2 |
rgb(48,94,162) |
hsl(216,54%,41%) |
#284F88 |
rgb(40,79,136) |
hsl(216,55%,35%) |
#20406E |
rgb(32,64,110) |
hsl(215,55%,28%) |
#183054 |
rgb(24,48,84) |
hsl(216,56%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#305EA2 |
rgb(48,94,162) |
hsl(216,54%,41%) |
#A23B30 |
rgb(162,59,48) |
hsl(6,54%,41%) |
#97A330 |
rgb(151,163,48) |
hsl(66,55%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305EA2 |
rgb(48,94,162) |
hsl(216,54%,41%) |
#A27330 |
rgb(162,115,48) |
hsl(35,54%,41%) |
#3096A2 |
rgb(48,150,162) |
hsl(186,54%,41%) |
#97A330 |
rgb(151,163,48) |
hsl(66,55%,41%) |