HEX #306BB1 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

306BB1 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
#30B0A1 rgb(48,176,161) hsl(173,57%,44%)
#306BB1 rgb(48,107,177) hsl(213,57%,44%)
#4B30B1 rgb(75,48,177) hsl(253,57%,44%)

Monochromatic colors

HEX RGB HSL
#578FD1 rgb(87,143,209) hsl(212,57%,58%)
#3B7DC9 rgb(59,125,201) hsl(212,57%,51%)
#306BB1 rgb(48,107,177) hsl(213,57%,44%)
#285994 rgb(40,89,148) hsl(213,57%,37%)
#204A78 rgb(32,74,120) hsl(211,58%,30%)
#18385C rgb(24,56,92) hsl(212,59%,23%)

Triad color palettes

HEX RGB HSL
#306BB1 rgb(48,107,177) hsl(213,57%,44%)
#B13630 rgb(177,54,48) hsl(3,57%,44%)
#ABB030 rgb(171,176,48) hsl(62,57%,44%)

Tetrad color palettes

HEX RGB HSL
#306BB1 rgb(48,107,177) hsl(213,57%,44%)
#B17530 rgb(177,117,48) hsl(32,57%,44%)
#30ABB1 rgb(48,171,177) hsl(183,57%,44%)
#ABB030 rgb(171,176,48) hsl(62,57%,44%)