HEX #306DA6 color — Azure

The color #306da6 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

306da6 color palette from light to dark

HEX RGB HSL
#f3f7fc rgb(243,247,252) hsl(209,55%,97%)
#dfebf6 rgb(223,235,246) hsl(209,55%,92%)
#ccdef0 rgb(204,222,240) hsl(209,55%,87%)
#b8d2ea rgb(184,210,234) hsl(209,55%,82%)
#a4c5e5 rgb(164,197,229) hsl(209,55%,77%)
#90b9df rgb(144,185,223) hsl(209,55%,72%)
#7dacd9 rgb(125,172,217) hsl(209,55%,67%)
#69a0d3 rgb(105,160,211) hsl(209,55%,62%)
#5593ce rgb(85,147,206) hsl(209,55%,57%)
#4187c8 rgb(65,135,200) hsl(209,55%,52%)
#367aba rgb(54,122,186) hsl(209,55%,47%)
#306da6 rgb(48,109,166) hsl(209,55%,42%)
#2a6092 rgb(42,96,146) hsl(209,55%,37%)
#25537e rgb(37,83,126) hsl(209,55%,32%)
#1f466b rgb(31,70,107) hsl(209,55%,27%)
#193957 rgb(25,57,87) hsl(209,55%,22%)
#142c43 rgb(20,44,67) hsl(209,55%,17%)
#0e1f2f rgb(14,31,47) hsl(209,55%,12%)
#08121c rgb(8,18,28) hsl(209,55%,7%)
#020508 rgb(2,5,8) hsl(209,55%,2%)

Adjacent colors

HEX RGB HSL
#30A690 rgb(48,166,144) hsl(169,55%,42%)
#306DA6 rgb(48,109,166) hsl(209,55%,42%)
#4130A6 rgb(65,48,166) hsl(249,55%,42%)

Monochromatic colors

HEX RGB HSL
#4E8FCB rgb(78,143,203) hsl(209,55%,55%)
#3780C0 rgb(55,128,192) hsl(208,55%,48%)
#306DA6 rgb(48,109,166) hsl(209,55%,42%)
#285C8B rgb(40,92,139) hsl(208,55%,35%)
#204A70 rgb(32,74,112) hsl(209,56%,28%)
#183856 rgb(24,56,86) hsl(209,56%,22%)

Triad color palettes

HEX RGB HSL
#306DA6 rgb(48,109,166) hsl(209,55%,42%)
#A63032 rgb(166,48,50) hsl(359,55%,42%)
#A6A330 rgb(166,163,48) hsl(58,55%,42%)

Tetrad color palettes

HEX RGB HSL
#306DA6 rgb(48,109,166) hsl(209,55%,42%)
#A66930 rgb(166,105,48) hsl(29,55%,42%)
#30A6A4 rgb(48,166,164) hsl(179,55%,42%)
#A6A330 rgb(166,163,48) hsl(58,55%,42%)