HEX #306AB0 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

306ab0 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(213,57%,99%)
#e7eff8 rgb(231,239,248) hsl(213,57%,94%)
#d3e1f3 rgb(211,225,243) hsl(213,57%,89%)
#bfd4ed rgb(191,212,237) hsl(213,57%,84%)
#abc6e8 rgb(171,198,232) hsl(213,57%,79%)
#97b9e2 rgb(151,185,226) hsl(213,57%,74%)
#83abdd rgb(131,171,221) hsl(213,57%,69%)
#6f9ed8 rgb(111,158,216) hsl(213,57%,64%)
#5b90d2 rgb(91,144,210) hsl(213,57%,59%)
#4783cd rgb(71,131,205) hsl(213,57%,54%)
#3676c4 rgb(54,118,196) hsl(213,57%,49%)
#306ab0 rgb(48,106,176) hsl(213,57%,44%)
#2b5e9c rgb(43,94,156) hsl(213,57%,39%)
#255288 rgb(37,82,136) hsl(213,57%,34%)
#204674 rgb(32,70,116) hsl(213,57%,29%)
#1a3a60 rgb(26,58,96) hsl(213,57%,24%)
#152e4c rgb(21,46,76) hsl(213,57%,19%)
#0f2238 rgb(15,34,56) hsl(213,57%,14%)
#0a1624 rgb(10,22,36) hsl(213,57%,9%)
#040a10 rgb(4,10,16) hsl(213,57%,4%)

Adjacent colors

HEX RGB HSL
#30B0A0 rgb(48,176,160) hsl(173,57%,44%)
#306AB0 rgb(48,106,176) hsl(213,57%,44%)
#4B30B0 rgb(75,48,176) hsl(253,57%,44%)

Monochromatic colors

HEX RGB HSL
#568FD1 rgb(86,143,209) hsl(212,57%,58%)
#3A7AC9 rgb(58,122,201) hsl(213,57%,51%)
#306AB0 rgb(48,106,176) hsl(213,57%,44%)
#285993 rgb(40,89,147) hsl(213,57%,37%)
#204777 rgb(32,71,119) hsl(213,58%,30%)
#18385B rgb(24,56,91) hsl(211,58%,23%)

Triad color palettes

HEX RGB HSL
#306AB0 rgb(48,106,176) hsl(213,57%,44%)
#B03630 rgb(176,54,48) hsl(3,57%,44%)
#AAB030 rgb(170,176,48) hsl(63,57%,44%)

Tetrad color palettes

HEX RGB HSL
#306AB0 rgb(48,106,176) hsl(213,57%,44%)
#B07530 rgb(176,117,48) hsl(32,57%,44%)
#30ABB0 rgb(48,171,176) hsl(182,57%,44%)
#AAB030 rgb(170,176,48) hsl(63,57%,44%)