HEX #305CA5 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

305CA5 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
#30A6A0 rgb(48,166,160) hsl(177,55%,42%)
#305CA5 rgb(48,92,165) hsl(217,55%,42%)
#5230A5 rgb(82,48,165) hsl(257,55%,42%)

Monochromatic colors

HEX RGB HSL
#4D7DCB rgb(77,125,203) hsl(217,55%,55%)
#376BBF rgb(55,107,191) hsl(217,55%,48%)
#305CA5 rgb(48,92,165) hsl(217,55%,42%)
#284D8A rgb(40,77,138) hsl(217,55%,35%)
#204070 rgb(32,64,112) hsl(216,56%,28%)
#183055 rgb(24,48,85) hsl(216,56%,21%)

Triad color palettes

HEX RGB HSL
#305CA5 rgb(48,92,165) hsl(217,55%,42%)
#A54030 rgb(165,64,48) hsl(8,55%,42%)
#96A630 rgb(150,166,48) hsl(68,55%,42%)

Tetrad color palettes

HEX RGB HSL
#305CA5 rgb(48,92,165) hsl(217,55%,42%)
#A57830 rgb(165,120,48) hsl(37,55%,42%)
#3096A5 rgb(48,150,165) hsl(188,55%,42%)
#96A630 rgb(150,166,48) hsl(68,55%,42%)