HEX #3063B3 color — Azure
The color #3063B3 is a dark shade and moderately saturated.
Palette
3063B3 color palette from light to dark
HEX |
RGB |
HSL |
#ebf1fa |
rgb(235,241,250) |
hsl(217,58%,95%) |
#d7e2f4 |
rgb(215,226,244) |
hsl(217,58%,90%) |
#c3d4ef |
rgb(195,212,239) |
hsl(217,58%,85%) |
#aec5ea |
rgb(174,197,234) |
hsl(217,58%,80%) |
#9ab7e4 |
rgb(154,183,228) |
hsl(217,58%,75%) |
#86a8df |
rgb(134,168,223) |
hsl(217,58%,70%) |
#729ada |
rgb(114,154,218) |
hsl(217,58%,65%) |
#5e8bd4 |
rgb(94,139,212) |
hsl(217,58%,60%) |
#4a7dcf |
rgb(74,125,207) |
hsl(217,58%,55%) |
#366ec9 |
rgb(54,110,201) |
hsl(217,58%,50%) |
#3063b5 |
rgb(48,99,181) |
hsl(217,58%,45%) |
#2b58a1 |
rgb(43,88,161) |
hsl(217,58%,40%) |
#254d8d |
rgb(37,77,141) |
hsl(217,58%,35%) |
#204279 |
rgb(32,66,121) |
hsl(217,58%,30%) |
#1b3765 |
rgb(27,55,101) |
hsl(217,58%,25%) |
#152c51 |
rgb(21,44,81) |
hsl(217,58%,20%) |
#10213c |
rgb(16,33,60) |
hsl(217,58%,15%) |
#0b1628 |
rgb(11,22,40) |
hsl(217,58%,10%) |
#050b14 |
rgb(5,11,20) |
hsl(217,58%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B3AB |
rgb(48,179,171) |
hsl(176,58%,45%) |
#3063B3 |
rgb(48,99,179) |
hsl(217,58%,45%) |
#5430B3 |
rgb(84,48,179) |
hsl(256,58%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5987D2 |
rgb(89,135,210) |
hsl(217,57%,59%) |
#3C73CA |
rgb(60,115,202) |
hsl(217,57%,51%) |
#3063B3 |
rgb(48,99,179) |
hsl(217,58%,45%) |
#285496 |
rgb(40,84,150) |
hsl(216,58%,37%) |
#204279 |
rgb(32,66,121) |
hsl(217,58%,30%) |
#18335D |
rgb(24,51,93) |
hsl(217,59%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3063B3 |
rgb(48,99,179) |
hsl(217,58%,45%) |
#B34030 |
rgb(179,64,48) |
hsl(7,58%,45%) |
#A4B330 |
rgb(164,179,48) |
hsl(67,58%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3063B3 |
rgb(48,99,179) |
hsl(217,58%,45%) |
#B38030 |
rgb(179,128,48) |
hsl(37,58%,45%) |
#30A6B3 |
rgb(48,166,179) |
hsl(186,58%,45%) |
#A4B330 |
rgb(164,179,48) |
hsl(67,58%,45%) |