HEX #3057B1 color — Azure
The color #3057B1 is a dark shade and moderately saturated.
Palette
3057B1 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 |
#30ADB1 |
rgb(48,173,177) |
hsl(182,57%,44%) |
#3057B1 |
rgb(48,87,177) |
hsl(222,57%,44%) |
#5F30B1 |
rgb(95,48,177) |
hsl(262,57%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#577DD1 |
rgb(87,125,209) |
hsl(221,57%,58%) |
#3B66C9 |
rgb(59,102,201) |
hsl(222,57%,51%) |
#3057B1 |
rgb(48,87,177) |
hsl(222,57%,44%) |
#284A94 |
rgb(40,74,148) |
hsl(221,57%,37%) |
#203B78 |
rgb(32,59,120) |
hsl(222,58%,30%) |
#182E5C |
rgb(24,46,92) |
hsl(221,59%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3057B1 |
rgb(48,87,177) |
hsl(222,57%,44%) |
#B14A30 |
rgb(177,74,48) |
hsl(12,57%,44%) |
#97B030 |
rgb(151,176,48) |
hsl(72,57%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3057B1 |
rgb(48,87,177) |
hsl(222,57%,44%) |
#B18A30 |
rgb(177,138,48) |
hsl(42,57%,44%) |
#3096B1 |
rgb(48,150,177) |
hsl(193,57%,44%) |
#97B030 |
rgb(151,176,48) |
hsl(72,57%,44%) |