HEX #3057B0 color — Azure
The color #3057b0 is a dark shade and moderately saturated.
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%) |