HEX #306BA6 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

306ba6 color palette from light to dark

HEX RGB HSL
#f3f7fc rgb(243,247,252) hsl(210,55%,97%)
#dfebf6 rgb(223,235,246) hsl(210,55%,92%)
#ccdef0 rgb(204,222,240) hsl(210,55%,87%)
#b8d1ea rgb(184,209,234) hsl(210,55%,82%)
#a4c4e5 rgb(164,196,229) hsl(210,55%,77%)
#90b8df rgb(144,184,223) hsl(210,55%,72%)
#7dabd9 rgb(125,171,217) hsl(210,55%,67%)
#699ed3 rgb(105,158,211) hsl(210,55%,62%)
#5591ce rgb(85,145,206) hsl(210,55%,57%)
#4185c8 rgb(65,133,200) hsl(210,55%,52%)
#3678ba rgb(54,120,186) hsl(210,55%,47%)
#306ba6 rgb(48,107,166) hsl(210,55%,42%)
#2a5e92 rgb(42,94,146) hsl(210,55%,37%)
#25527e rgb(37,82,126) hsl(210,55%,32%)
#1f456b rgb(31,69,107) hsl(210,55%,27%)
#193857 rgb(25,56,87) hsl(210,55%,22%)
#142b43 rgb(20,43,67) hsl(210,55%,17%)
#0e1f2f rgb(14,31,47) hsl(210,55%,12%)
#08121c rgb(8,18,28) hsl(210,55%,7%)
#020508 rgb(2,5,8) hsl(210,55%,2%)

Adjacent colors

HEX RGB HSL
#30A692 rgb(48,166,146) hsl(170,55%,42%)
#306BA6 rgb(48,107,166) hsl(210,55%,42%)
#4330A6 rgb(67,48,166) hsl(250,55%,42%)

Monochromatic colors

HEX RGB HSL
#4E8CCB rgb(78,140,203) hsl(210,55%,55%)
#377DC0 rgb(55,125,192) hsl(209,55%,48%)
#306BA6 rgb(48,107,166) hsl(210,55%,42%)
#28598B rgb(40,89,139) hsl(210,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
#306BA6 rgb(48,107,166) hsl(210,55%,42%)
#A63030 rgb(166,48,48) hsl(360,55%,42%)
#A6A630 rgb(166,166,48) hsl(60,55%,42%)

Tetrad color palettes

HEX RGB HSL
#306BA6 rgb(48,107,166) hsl(210,55%,42%)
#A66B30 rgb(166,107,48) hsl(30,55%,42%)
#30A6A6 rgb(48,166,166) hsl(180,55%,42%)
#A6A630 rgb(166,166,48) hsl(60,55%,42%)