HEX #3066A9 color — Azure
The color #3066A9 is a dark shade and moderately saturated.
Palette
3066A9 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(213,56%,98%) |
#e3ecf7 |
rgb(227,236,247) |
hsl(213,56%,93%) |
#cfdff2 |
rgb(207,223,242) |
hsl(213,56%,88%) |
#bbd1ec |
rgb(187,209,236) |
hsl(213,56%,83%) |
#a7c4e6 |
rgb(167,196,230) |
hsl(213,56%,78%) |
#94b6e1 |
rgb(148,182,225) |
hsl(213,56%,73%) |
#80a9db |
rgb(128,169,219) |
hsl(213,56%,68%) |
#6c9bd5 |
rgb(108,155,213) |
hsl(213,56%,63%) |
#588ed0 |
rgb(88,142,208) |
hsl(213,56%,58%) |
#4480ca |
rgb(68,128,202) |
hsl(213,56%,53%) |
#3674bf |
rgb(54,116,191) |
hsl(213,56%,48%) |
#3068ab |
rgb(48,104,171) |
hsl(213,56%,43%) |
#2b5b97 |
rgb(43,91,151) |
hsl(213,56%,38%) |
#254f83 |
rgb(37,79,131) |
hsl(213,56%,33%) |
#1f436f |
rgb(31,67,111) |
hsl(213,56%,28%) |
#1a375b |
rgb(26,55,91) |
hsl(213,56%,23%) |
#142b48 |
rgb(20,43,72) |
hsl(213,56%,18%) |
#0f1f34 |
rgb(15,31,52) |
hsl(213,56%,13%) |
#091320 |
rgb(9,19,32) |
hsl(213,56%,8%) |
#03070c |
rgb(3,7,12) |
hsl(213,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A89B |
rgb(48,168,155) |
hsl(174,56%,42%) |
#3066A9 |
rgb(48,102,169) |
hsl(213,56%,43%) |
#4A30A9 |
rgb(74,48,169) |
hsl(253,56%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#508ACD |
rgb(80,138,205) |
hsl(212,56%,56%) |
#3775C4 |
rgb(55,117,196) |
hsl(214,56%,49%) |
#3066A9 |
rgb(48,102,169) |
hsl(213,56%,43%) |
#28578D |
rgb(40,87,141) |
hsl(212,56%,35%) |
#204572 |
rgb(32,69,114) |
hsl(213,56%,29%) |
#183657 |
rgb(24,54,87) |
hsl(211,57%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3066A9 |
rgb(48,102,169) |
hsl(213,56%,43%) |
#A93630 |
rgb(169,54,48) |
hsl(3,56%,43%) |
#A2A830 |
rgb(162,168,48) |
hsl(63,56%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3066A9 |
rgb(48,102,169) |
hsl(213,56%,43%) |
#A97330 |
rgb(169,115,48) |
hsl(33,56%,43%) |
#30A3A9 |
rgb(48,163,169) |
hsl(183,56%,43%) |
#A2A830 |
rgb(162,168,48) |
hsl(63,56%,42%) |