HEX #306CB0 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

306cb0 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(212,57%,99%)
#e7eff8 rgb(231,239,248) hsl(212,57%,94%)
#d3e2f3 rgb(211,226,243) hsl(212,57%,89%)
#bfd5ed rgb(191,213,237) hsl(212,57%,84%)
#abc7e8 rgb(171,199,232) hsl(212,57%,79%)
#97bae2 rgb(151,186,226) hsl(212,57%,74%)
#83addd rgb(131,173,221) hsl(212,57%,69%)
#6fa0d8 rgb(111,160,216) hsl(212,57%,64%)
#5b92d2 rgb(91,146,210) hsl(212,57%,59%)
#4785cd rgb(71,133,205) hsl(212,57%,54%)
#3678c4 rgb(54,120,196) hsl(212,57%,49%)
#306cb0 rgb(48,108,176) hsl(212,57%,44%)
#2b609c rgb(43,96,156) hsl(212,57%,39%)
#255388 rgb(37,83,136) hsl(212,57%,34%)
#204774 rgb(32,71,116) hsl(212,57%,29%)
#1a3b60 rgb(26,59,96) hsl(212,57%,24%)
#152f4c rgb(21,47,76) hsl(212,57%,19%)
#0f2238 rgb(15,34,56) hsl(212,57%,14%)
#0a1624 rgb(10,22,36) hsl(212,57%,9%)
#040a10 rgb(4,10,16) hsl(212,57%,4%)

Adjacent colors

HEX RGB HSL
#30B09E rgb(48,176,158) hsl(172,57%,44%)
#306CB0 rgb(48,108,176) hsl(212,57%,44%)
#4930B0 rgb(73,48,176) hsl(252,57%,44%)

Monochromatic colors

HEX RGB HSL
#568FD1 rgb(86,143,209) hsl(212,57%,58%)
#3A7DC9 rgb(58,125,201) hsl(212,57%,51%)
#306CB0 rgb(48,108,176) hsl(212,57%,44%)
#285C93 rgb(40,92,147) hsl(211,57%,37%)
#204A77 rgb(32,74,119) hsl(211,58%,30%)
#18385B rgb(24,56,91) hsl(211,58%,23%)

Triad color palettes

HEX RGB HSL
#306CB0 rgb(48,108,176) hsl(212,57%,44%)
#B03330 rgb(176,51,48) hsl(1,57%,44%)
#ACB030 rgb(172,176,48) hsl(62,57%,44%)

Tetrad color palettes

HEX RGB HSL
#306CB0 rgb(48,108,176) hsl(212,57%,44%)
#B07330 rgb(176,115,48) hsl(31,57%,44%)
#30ABB0 rgb(48,171,176) hsl(182,57%,44%)
#ACB030 rgb(172,176,48) hsl(62,57%,44%)