HEX #3066A4 color — Azure
The color #3066A4 is a dark shade and moderately saturated.
Palette
3066A4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(212,55%,97%) |
#dfeaf6 |
rgb(223,234,246) |
hsl(212,55%,92%) |
#ccddf0 |
rgb(204,221,240) |
hsl(212,55%,87%) |
#b8cfea |
rgb(184,207,234) |
hsl(212,55%,82%) |
#a4c2e5 |
rgb(164,194,229) |
hsl(212,55%,77%) |
#90b5df |
rgb(144,181,223) |
hsl(212,55%,72%) |
#7da8d9 |
rgb(125,168,217) |
hsl(212,55%,67%) |
#699bd3 |
rgb(105,155,211) |
hsl(212,55%,62%) |
#558dce |
rgb(85,141,206) |
hsl(212,55%,57%) |
#4180c8 |
rgb(65,128,200) |
hsl(212,55%,52%) |
#3673ba |
rgb(54,115,186) |
hsl(212,55%,47%) |
#3067a6 |
rgb(48,103,166) |
hsl(212,55%,42%) |
#2a5b92 |
rgb(42,91,146) |
hsl(212,55%,37%) |
#254f7e |
rgb(37,79,126) |
hsl(212,55%,32%) |
#1f426b |
rgb(31,66,107) |
hsl(212,55%,27%) |
#193657 |
rgb(25,54,87) |
hsl(212,55%,22%) |
#142a43 |
rgb(20,42,67) |
hsl(212,55%,17%) |
#0e1d2f |
rgb(14,29,47) |
hsl(212,55%,12%) |
#08111c |
rgb(8,17,28) |
hsl(212,55%,7%) |
#020508 |
rgb(2,5,8) |
hsl(212,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A394 |
rgb(48,163,148) |
hsl(172,55%,41%) |
#3066A4 |
rgb(48,102,164) |
hsl(212,55%,42%) |
#4730A4 |
rgb(71,48,164) |
hsl(252,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4C87CA |
rgb(76,135,202) |
hsl(212,54%,55%) |
#3775BE |
rgb(55,117,190) |
hsl(212,55%,48%) |
#3066A4 |
rgb(48,102,164) |
hsl(212,55%,42%) |
#285789 |
rgb(40,87,137) |
hsl(211,55%,35%) |
#20456F |
rgb(32,69,111) |
hsl(212,55%,28%) |
#183655 |
rgb(24,54,85) |
hsl(210,56%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#3066A4 |
rgb(48,102,164) |
hsl(212,55%,42%) |
#A43330 |
rgb(164,51,48) |
hsl(2,55%,42%) |
#A0A330 |
rgb(160,163,48) |
hsl(62,55%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3066A4 |
rgb(48,102,164) |
hsl(212,55%,42%) |
#A46E30 |
rgb(164,110,48) |
hsl(32,55%,42%) |
#30A1A4 |
rgb(48,161,164) |
hsl(182,55%,42%) |
#A0A330 |
rgb(160,163,48) |
hsl(62,55%,41%) |