HEX #305BA1 color — Azure
The color #305ba1 is a dark shade and moderately saturated.
Palette
305ba1 color palette from light to dark
HEX |
RGB |
HSL |
#eff4fa |
rgb(239,244,250) |
hsl(217,54%,96%) |
#dce5f4 |
rgb(220,229,244) |
hsl(217,54%,91%) |
#c8d7ef |
rgb(200,215,239) |
hsl(217,54%,86%) |
#b4c8e9 |
rgb(180,200,233) |
hsl(217,54%,81%) |
#a1bae3 |
rgb(161,186,227) |
hsl(217,54%,76%) |
#8dacdd |
rgb(141,172,221) |
hsl(217,54%,71%) |
#799dd7 |
rgb(121,157,215) |
hsl(217,54%,66%) |
#668fd1 |
rgb(102,143,209) |
hsl(217,54%,61%) |
#5281cb |
rgb(82,129,203) |
hsl(217,54%,56%) |
#3f72c6 |
rgb(63,114,198) |
hsl(217,54%,51%) |
#3667b5 |
rgb(54,103,181) |
hsl(217,54%,46%) |
#305ba1 |
rgb(48,91,161) |
hsl(217,54%,41%) |
#2a508d |
rgb(42,80,141) |
hsl(217,54%,36%) |
#24457a |
rgb(36,69,122) |
hsl(217,54%,31%) |
#1e3a66 |
rgb(30,58,102) |
hsl(217,54%,26%) |
#192f52 |
rgb(25,47,82) |
hsl(217,54%,21%) |
#13243f |
rgb(19,36,63) |
hsl(217,54%,16%) |
#0d192b |
rgb(13,25,43) |
hsl(217,54%,11%) |
#070d18 |
rgb(7,13,24) |
hsl(217,54%,6%) |
#010204 |
rgb(1,2,4) |
hsl(217,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A19B |
rgb(48,161,155) |
hsl(177,54%,41%) |
#305BA1 |
rgb(48,91,161) |
hsl(217,54%,41%) |
#5030A1 |
rgb(80,48,161) |
hsl(257,54%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A7AC9 |
rgb(74,122,201) |
hsl(217,54%,54%) |
#3769BA |
rgb(55,105,186) |
hsl(217,54%,47%) |
#305BA1 |
rgb(48,91,161) |
hsl(217,54%,41%) |
#284D87 |
rgb(40,77,135) |
hsl(217,54%,34%) |
#203D6D |
rgb(32,61,109) |
hsl(217,55%,28%) |
#183053 |
rgb(24,48,83) |
hsl(216,55%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#305BA1 |
rgb(48,91,161) |
hsl(217,54%,41%) |
#A13D30 |
rgb(161,61,48) |
hsl(7,54%,41%) |
#93A130 |
rgb(147,161,48) |
hsl(67,54%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305BA1 |
rgb(48,91,161) |
hsl(217,54%,41%) |
#A17530 |
rgb(161,117,48) |
hsl(37,54%,41%) |
#3094A1 |
rgb(48,148,161) |
hsl(187,54%,41%) |
#93A130 |
rgb(147,161,48) |
hsl(67,54%,41%) |