HEX #305EA4 color — Azure

The color #305EA4 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

305EA4 color palette from light to dark

HEX RGB HSL
#f3f7fc rgb(243,247,252) hsl(216,55%,97%)
#dfe8f6 rgb(223,232,246) hsl(216,55%,92%)
#ccdaf0 rgb(204,218,240) hsl(216,55%,87%)
#b8ccea rgb(184,204,234) hsl(216,55%,82%)
#a4bee5 rgb(164,190,229) hsl(216,55%,77%)
#90b0df rgb(144,176,223) hsl(216,55%,72%)
#7da2d9 rgb(125,162,217) hsl(216,55%,67%)
#6993d3 rgb(105,147,211) hsl(216,55%,62%)
#5585ce rgb(85,133,206) hsl(216,55%,57%)
#4177c8 rgb(65,119,200) hsl(216,55%,52%)
#366bba rgb(54,107,186) hsl(216,55%,47%)
#305fa6 rgb(48,95,166) hsl(216,55%,42%)
#2a5492 rgb(42,84,146) hsl(216,55%,37%)
#25497e rgb(37,73,126) hsl(216,55%,32%)
#1f3d6b rgb(31,61,107) hsl(216,55%,27%)
#193257 rgb(25,50,87) hsl(216,55%,22%)
#142743 rgb(20,39,67) hsl(216,55%,17%)
#0e1b2f rgb(14,27,47) hsl(216,55%,12%)
#08101c rgb(8,16,28) hsl(216,55%,7%)
#020508 rgb(2,5,8) hsl(216,55%,2%)

Adjacent colors

HEX RGB HSL
#30A39C rgb(48,163,156) hsl(176,55%,41%)
#305EA4 rgb(48,94,164) hsl(216,55%,42%)
#4F30A4 rgb(79,48,164) hsl(256,55%,42%)

Monochromatic colors

HEX RGB HSL
#4C80CA rgb(76,128,202) hsl(215,54%,55%)
#376EBE rgb(55,110,190) hsl(216,55%,48%)
#305EA4 rgb(48,94,164) hsl(216,55%,42%)
#284F89 rgb(40,79,137) hsl(216,55%,35%)
#20406F rgb(32,64,111) hsl(216,55%,28%)
#183055 rgb(24,48,85) hsl(216,56%,21%)

Triad color palettes

HEX RGB HSL
#305EA4 rgb(48,94,164) hsl(216,55%,42%)
#A43D30 rgb(164,61,48) hsl(7,55%,42%)
#98A330 rgb(152,163,48) hsl(66,55%,41%)

Tetrad color palettes

HEX RGB HSL
#305EA4 rgb(48,94,164) hsl(216,55%,42%)
#A47530 rgb(164,117,48) hsl(36,55%,42%)
#3099A4 rgb(48,153,164) hsl(186,55%,42%)
#98A330 rgb(152,163,48) hsl(66,55%,41%)