HEX #304FB0 color — Governor Bay

The color #304FB0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

304FB0 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(225,57%,99%)
#e7ebf8 rgb(231,235,248) hsl(225,57%,94%)
#d3dbf3 rgb(211,219,243) hsl(225,57%,89%)
#bfcbed rgb(191,203,237) hsl(225,57%,84%)
#abbae8 rgb(171,186,232) hsl(225,57%,79%)
#97aae2 rgb(151,170,226) hsl(225,57%,74%)
#8399dd rgb(131,153,221) hsl(225,57%,69%)
#6f89d8 rgb(111,137,216) hsl(225,57%,64%)
#5b79d2 rgb(91,121,210) hsl(225,57%,59%)
#4768cd rgb(71,104,205) hsl(225,57%,54%)
#3659c4 rgb(54,89,196) hsl(225,57%,49%)
#3050b0 rgb(48,80,176) hsl(225,57%,44%)
#2b479c rgb(43,71,156) hsl(225,57%,39%)
#253e88 rgb(37,62,136) hsl(225,57%,34%)
#203574 rgb(32,53,116) hsl(225,57%,29%)
#1a2c60 rgb(26,44,96) hsl(225,57%,24%)
#15234c rgb(21,35,76) hsl(225,57%,19%)
#0f1a38 rgb(15,26,56) hsl(225,57%,14%)
#0a1024 rgb(10,16,36) hsl(225,57%,9%)
#040710 rgb(4,7,16) hsl(225,57%,4%)

Adjacent colors

HEX RGB HSL
#30A3B0 rgb(48,163,176) hsl(186,57%,44%)
#304FB0 rgb(48,79,176) hsl(225,57%,44%)
#6630B0 rgb(102,48,176) hsl(265,57%,44%)

Monochromatic colors

HEX RGB HSL
#5675D1 rgb(86,117,209) hsl(225,57%,58%)
#3A5CC9 rgb(58,92,201) hsl(226,57%,51%)
#304FB0 rgb(48,79,176) hsl(225,57%,44%)
#284293 rgb(40,66,147) hsl(225,57%,37%)
#203677 rgb(32,54,119) hsl(225,58%,30%)
#18295B rgb(24,41,91) hsl(225,58%,23%)

Triad color palettes

HEX RGB HSL
#304FB0 rgb(48,79,176) hsl(225,57%,44%)
#B05230 rgb(176,82,48) hsl(16,57%,44%)
#8FB030 rgb(143,176,48) hsl(75,57%,44%)

Tetrad color palettes

HEX RGB HSL
#304FB0 rgb(48,79,176) hsl(225,57%,44%)
#B09130 rgb(176,145,48) hsl(45,57%,44%)
#308FB0 rgb(48,143,176) hsl(195,57%,44%)
#8FB030 rgb(143,176,48) hsl(75,57%,44%)