HEX #3057B0 color — Azure

The color #3057B0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3057B0 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(222,57%,99%)
#e7ecf8 rgb(231,236,248) hsl(222,57%,94%)
#d3ddf3 rgb(211,221,243) hsl(222,57%,89%)
#bfcded rgb(191,205,237) hsl(222,57%,84%)
#abbde8 rgb(171,189,232) hsl(222,57%,79%)
#97aee2 rgb(151,174,226) hsl(222,57%,74%)
#839edd rgb(131,158,221) hsl(222,57%,69%)
#6f8ed8 rgb(111,142,216) hsl(222,57%,64%)
#5b7fd2 rgb(91,127,210) hsl(222,57%,59%)
#476fcd rgb(71,111,205) hsl(222,57%,54%)
#3660c4 rgb(54,96,196) hsl(222,57%,49%)
#3057b0 rgb(48,87,176) hsl(222,57%,44%)
#2b4d9c rgb(43,77,156) hsl(222,57%,39%)
#254388 rgb(37,67,136) hsl(222,57%,34%)
#203974 rgb(32,57,116) hsl(222,57%,29%)
#1a2f60 rgb(26,47,96) hsl(222,57%,24%)
#15254c rgb(21,37,76) hsl(222,57%,19%)
#0f1c38 rgb(15,28,56) hsl(222,57%,14%)
#0a1224 rgb(10,18,36) hsl(222,57%,9%)
#040810 rgb(4,8,16) hsl(222,57%,4%)

Adjacent colors

HEX RGB HSL
#30ADB0 rgb(48,173,176) hsl(181,57%,44%)
#3057B0 rgb(48,87,176) hsl(222,57%,44%)
#5E30B0 rgb(94,48,176) hsl(262,57%,44%)

Monochromatic colors

HEX RGB HSL
#567DD1 rgb(86,125,209) hsl(221,57%,58%)
#3A66C9 rgb(58,102,201) hsl(222,57%,51%)
#3057B0 rgb(48,87,176) hsl(222,57%,44%)
#284A93 rgb(40,74,147) hsl(221,57%,37%)
#203B77 rgb(32,59,119) hsl(221,58%,30%)
#182E5B rgb(24,46,91) hsl(220,58%,23%)

Triad color palettes

HEX RGB HSL
#3057B0 rgb(48,87,176) hsl(222,57%,44%)
#B04A30 rgb(176,74,48) hsl(12,57%,44%)
#97B030 rgb(151,176,48) hsl(72,57%,44%)

Tetrad color palettes

HEX RGB HSL
#3057B0 rgb(48,87,176) hsl(222,57%,44%)
#B08A30 rgb(176,138,48) hsl(42,57%,44%)
#3096B0 rgb(48,150,176) hsl(192,57%,44%)
#97B030 rgb(151,176,48) hsl(72,57%,44%)