HEX #305CA7 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

305CA7 color palette from light to dark

HEX RGB HSL
#f3f6fc rgb(243,246,252) hsl(218,55%,97%)
#dfe8f6 rgb(223,232,246) hsl(218,55%,92%)
#ccd9f0 rgb(204,217,240) hsl(218,55%,87%)
#b8caea rgb(184,202,234) hsl(218,55%,82%)
#a4bce5 rgb(164,188,229) hsl(218,55%,77%)
#90addf rgb(144,173,223) hsl(218,55%,72%)
#7d9fd9 rgb(125,159,217) hsl(218,55%,67%)
#6990d3 rgb(105,144,211) hsl(218,55%,62%)
#5581ce rgb(85,129,206) hsl(218,55%,57%)
#4173c8 rgb(65,115,200) hsl(218,55%,52%)
#3666ba rgb(54,102,186) hsl(218,55%,47%)
#305ba6 rgb(48,91,166) hsl(218,55%,42%)
#2a5192 rgb(42,81,146) hsl(218,55%,37%)
#25467e rgb(37,70,126) hsl(218,55%,32%)
#1f3b6b rgb(31,59,107) hsl(218,55%,27%)
#193057 rgb(25,48,87) hsl(218,55%,22%)
#142543 rgb(20,37,67) hsl(218,55%,17%)
#0e1a2f rgb(14,26,47) hsl(218,55%,12%)
#080f1c rgb(8,15,28) hsl(218,55%,7%)
#020408 rgb(2,4,8) hsl(218,55%,2%)

Adjacent colors

HEX RGB HSL
#30A6A2 rgb(48,166,162) hsl(178,55%,42%)
#305CA7 rgb(48,92,167) hsl(218,55%,42%)
#5330A7 rgb(83,48,167) hsl(258,55%,42%)

Monochromatic colors

HEX RGB HSL
#4F7DCC rgb(79,125,204) hsl(218,55%,55%)
#376BC1 rgb(55,107,193) hsl(217,56%,49%)
#305CA7 rgb(48,92,167) hsl(218,55%,42%)
#284D8C rgb(40,77,140) hsl(218,56%,35%)
#204071 rgb(32,64,113) hsl(216,56%,28%)
#183056 rgb(24,48,86) hsl(217,56%,22%)

Triad color palettes

HEX RGB HSL
#305CA7 rgb(48,92,167) hsl(218,55%,42%)
#A74030 rgb(167,64,48) hsl(8,55%,42%)
#97A630 rgb(151,166,48) hsl(68,55%,42%)

Tetrad color palettes

HEX RGB HSL
#305CA7 rgb(48,92,167) hsl(218,55%,42%)
#A77A30 rgb(167,122,48) hsl(37,55%,42%)
#3096A7 rgb(48,150,167) hsl(189,55%,42%)
#97A630 rgb(151,166,48) hsl(68,55%,42%)