HEX #305BA6 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

305ba6 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%)
#305BA6 rgb(48,91,166) hsl(218,55%,42%)
#5330A6 rgb(83,48,166) hsl(258,55%,42%)

Monochromatic colors

HEX RGB HSL
#4E7DCB rgb(78,125,203) hsl(217,55%,55%)
#3769C0 rgb(55,105,192) hsl(218,55%,48%)
#305BA6 rgb(48,91,166) hsl(218,55%,42%)
#284D8B rgb(40,77,139) hsl(218,55%,35%)
#203D70 rgb(32,61,112) hsl(218,56%,28%)
#183056 rgb(24,48,86) hsl(217,56%,22%)

Triad color palettes

HEX RGB HSL
#305BA6 rgb(48,91,166) hsl(218,55%,42%)
#A64030 rgb(166,64,48) hsl(8,55%,42%)
#96A630 rgb(150,166,48) hsl(68,55%,42%)

Tetrad color palettes

HEX RGB HSL
#305BA6 rgb(48,91,166) hsl(218,55%,42%)
#A67A30 rgb(166,122,48) hsl(38,55%,42%)
#3096A6 rgb(48,150,166) hsl(188,55%,42%)
#96A630 rgb(150,166,48) hsl(68,55%,42%)