HEX #3057A4 color — Azure
The color #3057A4 is a dark shade and moderately saturated.
Palette
3057A4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(220,55%,97%) |
#dfe7f6 |
rgb(223,231,246) |
hsl(220,55%,92%) |
#ccd8f0 |
rgb(204,216,240) |
hsl(220,55%,87%) |
#b8c9ea |
rgb(184,201,234) |
hsl(220,55%,82%) |
#a4bae5 |
rgb(164,186,229) |
hsl(220,55%,77%) |
#90abdf |
rgb(144,171,223) |
hsl(220,55%,72%) |
#7d9bd9 |
rgb(125,155,217) |
hsl(220,55%,67%) |
#698cd3 |
rgb(105,140,211) |
hsl(220,55%,62%) |
#557dce |
rgb(85,125,206) |
hsl(220,55%,57%) |
#416ec8 |
rgb(65,110,200) |
hsl(220,55%,52%) |
#3662ba |
rgb(54,98,186) |
hsl(220,55%,47%) |
#3057a6 |
rgb(48,87,166) |
hsl(220,55%,42%) |
#2a4d92 |
rgb(42,77,146) |
hsl(220,55%,37%) |
#25437e |
rgb(37,67,126) |
hsl(220,55%,32%) |
#1f386b |
rgb(31,56,107) |
hsl(220,55%,27%) |
#192e57 |
rgb(25,46,87) |
hsl(220,55%,22%) |
#142343 |
rgb(20,35,67) |
hsl(220,55%,17%) |
#0e192f |
rgb(14,25,47) |
hsl(220,55%,12%) |
#080f1c |
rgb(8,15,28) |
hsl(220,55%,7%) |
#020408 |
rgb(2,4,8) |
hsl(220,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A3A3 |
rgb(48,163,163) |
hsl(180,55%,41%) |
#3057A4 |
rgb(48,87,164) |
hsl(220,55%,42%) |
#5630A4 |
rgb(86,48,164) |
hsl(260,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4C78CA |
rgb(76,120,202) |
hsl(219,54%,55%) |
#3766BE |
rgb(55,102,190) |
hsl(219,55%,48%) |
#3057A4 |
rgb(48,87,164) |
hsl(220,55%,42%) |
#284A89 |
rgb(40,74,137) |
hsl(219,55%,35%) |
#203B6F |
rgb(32,59,111) |
hsl(219,55%,28%) |
#182E55 |
rgb(24,46,85) |
hsl(218,56%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#3057A4 |
rgb(48,87,164) |
hsl(220,55%,42%) |
#A44230 |
rgb(164,66,48) |
hsl(9,55%,42%) |
#91A330 |
rgb(145,163,48) |
hsl(69,55%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3057A4 |
rgb(48,87,164) |
hsl(220,55%,42%) |
#A47D30 |
rgb(164,125,48) |
hsl(40,55%,42%) |
#3091A4 |
rgb(48,145,164) |
hsl(190,55%,42%) |
#91A330 |
rgb(145,163,48) |
hsl(69,55%,41%) |