HEX #3A63A5 color — Azure
The color #3A63A5 is a dark shade and moderately saturated.
Palette
3A63A5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(217,48%,99%) |
#e8eef7 |
rgb(232,238,247) |
hsl(217,48%,94%) |
#d5e0f0 |
rgb(213,224,240) |
hsl(217,48%,89%) |
#c3d2ea |
rgb(195,210,234) |
hsl(217,48%,84%) |
#b0c3e3 |
rgb(176,195,227) |
hsl(217,48%,79%) |
#9db5dd |
rgb(157,181,221) |
hsl(217,48%,74%) |
#8aa7d6 |
rgb(138,167,214) |
hsl(217,48%,69%) |
#7799cf |
rgb(119,153,207) |
hsl(217,48%,64%) |
#648bc9 |
rgb(100,139,201) |
hsl(217,48%,59%) |
#517dc2 |
rgb(81,125,194) |
hsl(217,48%,54%) |
#416fb9 |
rgb(65,111,185) |
hsl(217,48%,49%) |
#3a64a6 |
rgb(58,100,166) |
hsl(217,48%,44%) |
#345893 |
rgb(52,88,147) |
hsl(217,48%,39%) |
#2d4d80 |
rgb(45,77,128) |
hsl(217,48%,34%) |
#26426d |
rgb(38,66,109) |
hsl(217,48%,29%) |
#20365b |
rgb(32,54,91) |
hsl(217,48%,24%) |
#192b48 |
rgb(25,43,72) |
hsl(217,48%,19%) |
#132035 |
rgb(19,32,53) |
hsl(217,48%,14%) |
#0c1422 |
rgb(12,20,34) |
hsl(217,48%,9%) |
#05090f |
rgb(5,9,15) |
hsl(217,48%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA69F |
rgb(58,166,159) |
hsl(176,48%,44%) |
#3A63A5 |
rgb(58,99,165) |
hsl(217,48%,44%) |
#583BA5 |
rgb(88,59,165) |
hsl(256,47%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5F87C6 |
rgb(95,135,198) |
hsl(217,47%,57%) |
#4573BD |
rgb(69,115,189) |
hsl(217,48%,51%) |
#3A63A5 |
rgb(58,99,165) |
hsl(217,48%,44%) |
#30548A |
rgb(48,84,138) |
hsl(216,48%,36%) |
#274270 |
rgb(39,66,112) |
hsl(218,48%,30%) |
#1E3355 |
rgb(30,51,85) |
hsl(217,48%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A63A5 |
rgb(58,99,165) |
hsl(217,48%,44%) |
#A5473A |
rgb(165,71,58) |
hsl(7,48%,44%) |
#98A63A |
rgb(152,166,58) |
hsl(68,48%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A63A5 |
rgb(58,99,165) |
hsl(217,48%,44%) |
#A57D3A |
rgb(165,125,58) |
hsl(38,48%,44%) |
#3A99A5 |
rgb(58,153,165) |
hsl(187,48%,44%) |
#98A63A |
rgb(152,166,58) |
hsl(68,48%,44%) |