HEX #3057B2 color — Azure
The color #3057B2 is a dark shade and moderately saturated.
Palette
3057B2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(222,58%,99%) |
#e7ecf9 |
rgb(231,236,249) |
hsl(222,58%,94%) |
#d3dcf3 |
rgb(211,220,243) |
hsl(222,58%,89%) |
#bfcdee |
rgb(191,205,238) |
hsl(222,58%,84%) |
#aabde9 |
rgb(170,189,233) |
hsl(222,58%,79%) |
#96ade3 |
rgb(150,173,227) |
hsl(222,58%,74%) |
#829ede |
rgb(130,158,222) |
hsl(222,58%,69%) |
#6e8ed8 |
rgb(110,142,216) |
hsl(222,58%,64%) |
#5a7ed3 |
rgb(90,126,211) |
hsl(222,58%,59%) |
#466ece |
rgb(70,110,206) |
hsl(222,58%,54%) |
#3460c5 |
rgb(52,96,197) |
hsl(222,58%,49%) |
#2f56b1 |
rgb(47,86,177) |
hsl(222,58%,44%) |
#2a4c9d |
rgb(42,76,157) |
hsl(222,58%,39%) |
#244389 |
rgb(36,67,137) |
hsl(222,58%,34%) |
#1f3975 |
rgb(31,57,117) |
hsl(222,58%,29%) |
#1a2f61 |
rgb(26,47,97) |
hsl(222,58%,24%) |
#14254d |
rgb(20,37,77) |
hsl(222,58%,19%) |
#0f1b38 |
rgb(15,27,56) |
hsl(222,58%,14%) |
#0a1224 |
rgb(10,18,36) |
hsl(222,58%,9%) |
#040810 |
rgb(4,8,16) |
hsl(222,58%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30ADB2 |
rgb(48,173,178) |
hsl(182,58%,44%) |
#3057B2 |
rgb(48,87,178) |
hsl(222,58%,44%) |
#5F30B2 |
rgb(95,48,178) |
hsl(262,58%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#587DD2 |
rgb(88,125,210) |
hsl(222,58%,58%) |
#3B66CA |
rgb(59,102,202) |
hsl(222,57%,51%) |
#3057B2 |
rgb(48,87,178) |
hsl(222,58%,44%) |
#284A95 |
rgb(40,74,149) |
hsl(221,58%,37%) |
#203B79 |
rgb(32,59,121) |
hsl(222,58%,30%) |
#182E5C |
rgb(24,46,92) |
hsl(221,59%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3057B2 |
rgb(48,87,178) |
hsl(222,58%,44%) |
#B24A30 |
rgb(178,74,48) |
hsl(12,58%,44%) |
#98B330 |
rgb(152,179,48) |
hsl(72,58%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3057B2 |
rgb(48,87,178) |
hsl(222,58%,44%) |
#B28C30 |
rgb(178,140,48) |
hsl(42,58%,44%) |
#3099B2 |
rgb(48,153,178) |
hsl(192,58%,44%) |
#98B330 |
rgb(152,179,48) |
hsl(72,58%,45%) |