HEX #3066B5 color — Azure
The color #3066B5 is a dark shade and moderately saturated.
Palette
3066B5 color palette from light to dark
HEX |
RGB |
HSL |
#ebf1fa |
rgb(235,241,250) |
hsl(216,58%,95%) |
#d7e3f4 |
rgb(215,227,244) |
hsl(216,58%,90%) |
#c3d4ef |
rgb(195,212,239) |
hsl(216,58%,85%) |
#aec6ea |
rgb(174,198,234) |
hsl(216,58%,80%) |
#9ab8e4 |
rgb(154,184,228) |
hsl(216,58%,75%) |
#86aadf |
rgb(134,170,223) |
hsl(216,58%,70%) |
#729bda |
rgb(114,155,218) |
hsl(216,58%,65%) |
#5e8dd4 |
rgb(94,141,212) |
hsl(216,58%,60%) |
#4a7fcf |
rgb(74,127,207) |
hsl(216,58%,55%) |
#3671c9 |
rgb(54,113,201) |
hsl(216,58%,50%) |
#3065b5 |
rgb(48,101,181) |
hsl(216,58%,45%) |
#2b5aa1 |
rgb(43,90,161) |
hsl(216,58%,40%) |
#254f8d |
rgb(37,79,141) |
hsl(216,58%,35%) |
#204479 |
rgb(32,68,121) |
hsl(216,58%,30%) |
#1b3865 |
rgb(27,56,101) |
hsl(216,58%,25%) |
#152d51 |
rgb(21,45,81) |
hsl(216,58%,20%) |
#10223c |
rgb(16,34,60) |
hsl(216,58%,15%) |
#0b1728 |
rgb(11,23,40) |
hsl(216,58%,10%) |
#050b14 |
rgb(5,11,20) |
hsl(216,58%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B5AB |
rgb(48,181,171) |
hsl(175,58%,45%) |
#3066B5 |
rgb(48,102,181) |
hsl(216,58%,45%) |
#5230B5 |
rgb(82,48,181) |
hsl(255,58%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5A8CD3 |
rgb(90,140,211) |
hsl(215,58%,59%) |
#3D78CB |
rgb(61,120,203) |
hsl(215,58%,52%) |
#3066B5 |
rgb(48,102,181) |
hsl(216,58%,45%) |
#285798 |
rgb(40,87,152) |
hsl(215,58%,38%) |
#20457B |
rgb(32,69,123) |
hsl(216,59%,30%) |
#18365E |
rgb(24,54,94) |
hsl(214,59%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3066B5 |
rgb(48,102,181) |
hsl(216,58%,45%) |
#B53D30 |
rgb(181,61,48) |
hsl(6,58%,45%) |
#A8B530 |
rgb(168,181,48) |
hsl(66,58%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3066B5 |
rgb(48,102,181) |
hsl(216,58%,45%) |
#B58030 |
rgb(181,128,48) |
hsl(36,58%,45%) |
#30A8B5 |
rgb(48,168,181) |
hsl(186,58%,45%) |
#A8B530 |
rgb(168,181,48) |
hsl(66,58%,45%) |