HEX #305CA4 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

305CA4 color palette from light to dark

HEX RGB HSL
#f3f6fc rgb(243,246,252) hsl(217,55%,97%)
#dfe8f6 rgb(223,232,246) hsl(217,55%,92%)
#ccdaf0 rgb(204,218,240) hsl(217,55%,87%)
#b8cbea rgb(184,203,234) hsl(217,55%,82%)
#a4bde5 rgb(164,189,229) hsl(217,55%,77%)
#90aedf rgb(144,174,223) hsl(217,55%,72%)
#7da0d9 rgb(125,160,217) hsl(217,55%,67%)
#6992d3 rgb(105,146,211) hsl(217,55%,62%)
#5583ce rgb(85,131,206) hsl(217,55%,57%)
#4175c8 rgb(65,117,200) hsl(217,55%,52%)
#3668ba rgb(54,104,186) hsl(217,55%,47%)
#305da6 rgb(48,93,166) hsl(217,55%,42%)
#2a5292 rgb(42,82,146) hsl(217,55%,37%)
#25477e rgb(37,71,126) hsl(217,55%,32%)
#1f3c6b rgb(31,60,107) hsl(217,55%,27%)
#193157 rgb(25,49,87) hsl(217,55%,22%)
#142643 rgb(20,38,67) hsl(217,55%,17%)
#0e1b2f rgb(14,27,47) hsl(217,55%,12%)
#08101c rgb(8,16,28) hsl(217,55%,7%)
#020408 rgb(2,4,8) hsl(217,55%,2%)

Adjacent colors

HEX RGB HSL
#30A39E rgb(48,163,158) hsl(177,55%,41%)
#305CA4 rgb(48,92,164) hsl(217,55%,42%)
#5130A4 rgb(81,48,164) hsl(257,55%,42%)

Monochromatic colors

HEX RGB HSL
#4C7DCA rgb(76,125,202) hsl(217,54%,55%)
#376BBE rgb(55,107,190) hsl(217,55%,48%)
#305CA4 rgb(48,92,164) hsl(217,55%,42%)
#284D89 rgb(40,77,137) hsl(217,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
#305CA4 rgb(48,92,164) hsl(217,55%,42%)
#A43D30 rgb(164,61,48) hsl(7,55%,42%)
#96A330 rgb(150,163,48) hsl(67,55%,41%)

Tetrad color palettes

HEX RGB HSL
#305CA4 rgb(48,92,164) hsl(217,55%,42%)
#A47830 rgb(164,120,48) hsl(37,55%,42%)
#3096A4 rgb(48,150,164) hsl(187,55%,42%)
#96A330 rgb(150,163,48) hsl(67,55%,41%)