HEX #3066B2 color — Azure
The color #3066B2 is a dark shade and moderately saturated.
Palette
3066B2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(215,58%,99%) |
#e7eef9 |
rgb(231,238,249) |
hsl(215,58%,94%) |
#d3e0f3 |
rgb(211,224,243) |
hsl(215,58%,89%) |
#bfd2ee |
rgb(191,210,238) |
hsl(215,58%,84%) |
#aac4e9 |
rgb(170,196,233) |
hsl(215,58%,79%) |
#96b6e3 |
rgb(150,182,227) |
hsl(215,58%,74%) |
#82a8de |
rgb(130,168,222) |
hsl(215,58%,69%) |
#6e9ad8 |
rgb(110,154,216) |
hsl(215,58%,64%) |
#5a8cd3 |
rgb(90,140,211) |
hsl(215,58%,59%) |
#467ece |
rgb(70,126,206) |
hsl(215,58%,54%) |
#3471c5 |
rgb(52,113,197) |
hsl(215,58%,49%) |
#2f65b1 |
rgb(47,101,177) |
hsl(215,58%,44%) |
#2a5a9d |
rgb(42,90,157) |
hsl(215,58%,39%) |
#244e89 |
rgb(36,78,137) |
hsl(215,58%,34%) |
#1f4375 |
rgb(31,67,117) |
hsl(215,58%,29%) |
#1a3761 |
rgb(26,55,97) |
hsl(215,58%,24%) |
#142c4d |
rgb(20,44,77) |
hsl(215,58%,19%) |
#0f2038 |
rgb(15,32,56) |
hsl(215,58%,14%) |
#0a1524 |
rgb(10,21,36) |
hsl(215,58%,9%) |
#040910 |
rgb(4,9,16) |
hsl(215,58%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B3A7 |
rgb(48,179,167) |
hsl(175,58%,45%) |
#3066B2 |
rgb(48,102,178) |
hsl(215,58%,44%) |
#5030B2 |
rgb(80,48,178) |
hsl(255,58%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#588AD2 |
rgb(88,138,210) |
hsl(215,58%,58%) |
#3B78CA |
rgb(59,120,202) |
hsl(214,57%,51%) |
#3066B2 |
rgb(48,102,178) |
hsl(215,58%,44%) |
#285795 |
rgb(40,87,149) |
hsl(214,58%,37%) |
#204579 |
rgb(32,69,121) |
hsl(215,58%,30%) |
#18365C |
rgb(24,54,92) |
hsl(214,59%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3066B2 |
rgb(48,102,178) |
hsl(215,58%,44%) |
#B23B30 |
rgb(178,59,48) |
hsl(5,58%,44%) |
#A7B330 |
rgb(167,179,48) |
hsl(65,58%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3066B2 |
rgb(48,102,178) |
hsl(215,58%,44%) |
#B27D30 |
rgb(178,125,48) |
hsl(36,58%,44%) |
#30A6B2 |
rgb(48,166,178) |
hsl(186,58%,44%) |
#A7B330 |
rgb(167,179,48) |
hsl(65,58%,45%) |