HEX #3663B0 color — Azure
The color #3663b0 is a dark shade and moderately saturated.
Palette
3663b0 color palette from light to dark
HEX |
RGB |
HSL |
#ebf0f9 |
rgb(235,240,249) |
hsl(218,53%,95%) |
#d8e2f3 |
rgb(216,226,243) |
hsl(218,53%,90%) |
#c4d3ed |
rgb(196,211,237) |
hsl(218,53%,85%) |
#b1c5e7 |
rgb(177,197,231) |
hsl(218,53%,80%) |
#9db6e1 |
rgb(157,182,225) |
hsl(218,53%,75%) |
#8aa8db |
rgb(138,168,219) |
hsl(218,53%,70%) |
#7699d5 |
rgb(118,153,213) |
hsl(218,53%,65%) |
#638bcf |
rgb(99,139,207) |
hsl(218,53%,60%) |
#4f7cc9 |
rgb(79,124,201) |
hsl(218,53%,55%) |
#3c6dc3 |
rgb(60,109,195) |
hsl(218,53%,50%) |
#3663b0 |
rgb(54,99,176) |
hsl(218,53%,45%) |
#30589c |
rgb(48,88,156) |
hsl(218,53%,40%) |
#2a4d89 |
rgb(42,77,137) |
hsl(218,53%,35%) |
#244275 |
rgb(36,66,117) |
hsl(218,53%,30%) |
#1e3762 |
rgb(30,55,98) |
hsl(218,53%,25%) |
#182c4e |
rgb(24,44,78) |
hsl(218,53%,20%) |
#12213b |
rgb(18,33,59) |
hsl(218,53%,15%) |
#0c1627 |
rgb(12,22,39) |
hsl(218,53%,10%) |
#060b14 |
rgb(6,11,20) |
hsl(218,53%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#36B0AB |
rgb(54,176,171) |
hsl(178,53%,45%) |
#3663B0 |
rgb(54,99,176) |
hsl(218,53%,45%) |
#5A36B0 |
rgb(90,54,176) |
hsl(258,53%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#618ACE |
rgb(97,138,206) |
hsl(217,53%,59%) |
#4475C5 |
rgb(68,117,197) |
hsl(217,53%,52%) |
#3663B0 |
rgb(54,99,176) |
hsl(218,53%,45%) |
#2D5493 |
rgb(45,84,147) |
hsl(217,53%,38%) |
#244277 |
rgb(36,66,119) |
hsl(218,54%,30%) |
#1C335B |
rgb(28,51,91) |
hsl(218,53%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3663B0 |
rgb(54,99,176) |
hsl(218,53%,45%) |
#B04536 |
rgb(176,69,54) |
hsl(7,53%,45%) |
#A0B036 |
rgb(160,176,54) |
hsl(68,53%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3663B0 |
rgb(54,99,176) |
hsl(218,53%,45%) |
#B08236 |
rgb(176,130,54) |
hsl(37,53%,45%) |
#36A1B0 |
rgb(54,161,176) |
hsl(187,53%,45%) |
#A0B036 |
rgb(160,176,54) |
hsl(68,53%,45%) |