HEX #306BB2 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

306BB2 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(213,58%,99%)
#e7eff9 rgb(231,239,249) hsl(213,58%,94%)
#d3e1f3 rgb(211,225,243) hsl(213,58%,89%)
#bfd4ee rgb(191,212,238) hsl(213,58%,84%)
#aac6e9 rgb(170,198,233) hsl(213,58%,79%)
#96b9e3 rgb(150,185,227) hsl(213,58%,74%)
#82abde rgb(130,171,222) hsl(213,58%,69%)
#6e9ed8 rgb(110,158,216) hsl(213,58%,64%)
#5a90d3 rgb(90,144,211) hsl(213,58%,59%)
#4683ce rgb(70,131,206) hsl(213,58%,54%)
#3476c5 rgb(52,118,197) hsl(213,58%,49%)
#2f6ab1 rgb(47,106,177) hsl(213,58%,44%)
#2a5e9d rgb(42,94,157) hsl(213,58%,39%)
#245289 rgb(36,82,137) hsl(213,58%,34%)
#1f4675 rgb(31,70,117) hsl(213,58%,29%)
#1a3a61 rgb(26,58,97) hsl(213,58%,24%)
#142e4d rgb(20,46,77) hsl(213,58%,19%)
#0f2238 rgb(15,34,56) hsl(213,58%,14%)
#0a1624 rgb(10,22,36) hsl(213,58%,9%)
#040a10 rgb(4,10,16) hsl(213,58%,4%)

Adjacent colors

HEX RGB HSL
#30B3A2 rgb(48,179,162) hsl(172,58%,45%)
#306BB2 rgb(48,107,178) hsl(213,58%,44%)
#4B30B2 rgb(75,48,178) hsl(252,58%,44%)

Monochromatic colors

HEX RGB HSL
#588FD2 rgb(88,143,210) hsl(213,58%,58%)
#3B7DCA rgb(59,125,202) hsl(212,57%,51%)
#306BB2 rgb(48,107,178) hsl(213,58%,44%)
#285995 rgb(40,89,149) hsl(213,58%,37%)
#204A79 rgb(32,74,121) hsl(212,58%,30%)
#18385C rgb(24,56,92) hsl(212,59%,23%)

Triad color palettes

HEX RGB HSL
#306BB2 rgb(48,107,178) hsl(213,58%,44%)
#B23630 rgb(178,54,48) hsl(3,58%,44%)
#ACB330 rgb(172,179,48) hsl(63,58%,45%)

Tetrad color palettes

HEX RGB HSL
#306BB2 rgb(48,107,178) hsl(213,58%,44%)
#B27830 rgb(178,120,48) hsl(33,58%,44%)
#30ABB2 rgb(48,171,178) hsl(183,58%,44%)
#ACB330 rgb(172,179,48) hsl(63,58%,45%)