HEX #3059A9 color — Azure
The color #3059A9 is a dark shade and moderately saturated.
Palette
3059A9 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(220,56%,98%) |
#e3eaf7 |
rgb(227,234,247) |
hsl(220,56%,93%) |
#cfdbf2 |
rgb(207,219,242) |
hsl(220,56%,88%) |
#bbccec |
rgb(187,204,236) |
hsl(220,56%,83%) |
#a7bce6 |
rgb(167,188,230) |
hsl(220,56%,78%) |
#94ade1 |
rgb(148,173,225) |
hsl(220,56%,73%) |
#809edb |
rgb(128,158,219) |
hsl(220,56%,68%) |
#6c8fd5 |
rgb(108,143,213) |
hsl(220,56%,63%) |
#5880d0 |
rgb(88,128,208) |
hsl(220,56%,58%) |
#4471ca |
rgb(68,113,202) |
hsl(220,56%,53%) |
#3664bf |
rgb(54,100,191) |
hsl(220,56%,48%) |
#3059ab |
rgb(48,89,171) |
hsl(220,56%,43%) |
#2b4f97 |
rgb(43,79,151) |
hsl(220,56%,38%) |
#254483 |
rgb(37,68,131) |
hsl(220,56%,33%) |
#1f3a6f |
rgb(31,58,111) |
hsl(220,56%,28%) |
#1a305b |
rgb(26,48,91) |
hsl(220,56%,23%) |
#142548 |
rgb(20,37,72) |
hsl(220,56%,18%) |
#0f1b34 |
rgb(15,27,52) |
hsl(220,56%,13%) |
#091120 |
rgb(9,17,32) |
hsl(220,56%,8%) |
#03060c |
rgb(3,6,12) |
hsl(220,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A8A8 |
rgb(48,168,168) |
hsl(180,56%,42%) |
#3059A9 |
rgb(48,89,169) |
hsl(220,56%,43%) |
#5730A9 |
rgb(87,48,169) |
hsl(259,56%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#507ACD |
rgb(80,122,205) |
hsl(220,56%,56%) |
#3766C4 |
rgb(55,102,196) |
hsl(220,56%,49%) |
#3059A9 |
rgb(48,89,169) |
hsl(220,56%,43%) |
#284A8D |
rgb(40,74,141) |
hsl(220,56%,35%) |
#203D72 |
rgb(32,61,114) |
hsl(219,56%,29%) |
#182E57 |
rgb(24,46,87) |
hsl(219,57%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3059A9 |
rgb(48,89,169) |
hsl(220,56%,43%) |
#A94230 |
rgb(169,66,48) |
hsl(9,56%,43%) |
#95A830 |
rgb(149,168,48) |
hsl(70,56%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3059A9 |
rgb(48,89,169) |
hsl(220,56%,43%) |
#A98030 |
rgb(169,128,48) |
hsl(40,56%,43%) |
#3096A9 |
rgb(48,150,169) |
hsl(189,56%,43%) |
#95A830 |
rgb(149,168,48) |
hsl(70,56%,42%) |