HEX #305BB0 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

305bb0 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(220,57%,99%)
#e7edf8 rgb(231,237,248) hsl(220,57%,94%)
#d3def3 rgb(211,222,243) hsl(220,57%,89%)
#bfceed rgb(191,206,237) hsl(220,57%,84%)
#abbfe8 rgb(171,191,232) hsl(220,57%,79%)
#97b0e2 rgb(151,176,226) hsl(220,57%,74%)
#83a1dd rgb(131,161,221) hsl(220,57%,69%)
#6f92d8 rgb(111,146,216) hsl(220,57%,64%)
#5b83d2 rgb(91,131,210) hsl(220,57%,59%)
#4773cd rgb(71,115,205) hsl(220,57%,54%)
#3665c4 rgb(54,101,196) hsl(220,57%,49%)
#305bb0 rgb(48,91,176) hsl(220,57%,44%)
#2b519c rgb(43,81,156) hsl(220,57%,39%)
#254688 rgb(37,70,136) hsl(220,57%,34%)
#203c74 rgb(32,60,116) hsl(220,57%,29%)
#1a3260 rgb(26,50,96) hsl(220,57%,24%)
#15274c rgb(21,39,76) hsl(220,57%,19%)
#0f1d38 rgb(15,29,56) hsl(220,57%,14%)
#0a1324 rgb(10,19,36) hsl(220,57%,9%)
#040810 rgb(4,8,16) hsl(220,57%,4%)

Adjacent colors

HEX RGB HSL
#30B0AF rgb(48,176,175) hsl(180,57%,44%)
#305BB0 rgb(48,91,176) hsl(220,57%,44%)
#5A30B0 rgb(90,48,176) hsl(260,57%,44%)

Monochromatic colors

HEX RGB HSL
#5680D1 rgb(86,128,209) hsl(220,57%,58%)
#3A6BC9 rgb(58,107,201) hsl(219,57%,51%)
#305BB0 rgb(48,91,176) hsl(220,57%,44%)
#284D93 rgb(40,77,147) hsl(219,57%,37%)
#203D77 rgb(32,61,119) hsl(220,58%,30%)
#18305B rgb(24,48,91) hsl(219,58%,23%)

Triad color palettes

HEX RGB HSL
#305BB0 rgb(48,91,176) hsl(220,57%,44%)
#B04530 rgb(176,69,48) hsl(10,57%,44%)
#9BB030 rgb(155,176,48) hsl(70,57%,44%)

Tetrad color palettes

HEX RGB HSL
#305BB0 rgb(48,91,176) hsl(220,57%,44%)
#B08530 rgb(176,133,48) hsl(40,57%,44%)
#309CB0 rgb(48,156,176) hsl(189,57%,44%)
#9BB030 rgb(155,176,48) hsl(70,57%,44%)