HEX #3566A2 color — Azure
The color #3566A2 is a dark shade and moderately saturated.
Palette
3566A2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fb |
rgb(243,247,251) |
hsl(213,51%,97%) |
#e0eaf5 |
rgb(224,234,245) |
hsl(213,51%,92%) |
#cddcef |
rgb(205,220,239) |
hsl(213,51%,87%) |
#bacfe9 |
rgb(186,207,233) |
hsl(213,51%,82%) |
#a6c1e2 |
rgb(166,193,226) |
hsl(213,51%,77%) |
#93b4dc |
rgb(147,180,220) |
hsl(213,51%,72%) |
#80a7d6 |
rgb(128,167,214) |
hsl(213,51%,67%) |
#6d99d0 |
rgb(109,153,208) |
hsl(213,51%,62%) |
#598cc9 |
rgb(89,140,201) |
hsl(213,51%,57%) |
#467ec3 |
rgb(70,126,195) |
hsl(213,51%,52%) |
#3b72b5 |
rgb(59,114,181) |
hsl(213,51%,47%) |
#3466a2 |
rgb(52,102,162) |
hsl(213,51%,42%) |
#2e5a8e |
rgb(46,90,142) |
hsl(213,51%,37%) |
#284d7b |
rgb(40,77,123) |
hsl(213,51%,32%) |
#224168 |
rgb(34,65,104) |
hsl(213,51%,27%) |
#1b3555 |
rgb(27,53,85) |
hsl(213,51%,22%) |
#152941 |
rgb(21,41,65) |
hsl(213,51%,17%) |
#0f1d2e |
rgb(15,29,46) |
hsl(213,51%,12%) |
#09111b |
rgb(9,17,27) |
hsl(213,51%,7%) |
#020508 |
rgb(2,5,8) |
hsl(213,51%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#35A395 |
rgb(53,163,149) |
hsl(172,51%,42%) |
#3566A2 |
rgb(53,102,162) |
hsl(213,51%,42%) |
#4C36A2 |
rgb(76,54,162) |
hsl(252,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5487C7 |
rgb(84,135,199) |
hsl(213,51%,55%) |
#3D75BB |
rgb(61,117,187) |
hsl(213,51%,49%) |
#3566A2 |
rgb(53,102,162) |
hsl(213,51%,42%) |
#2C5788 |
rgb(44,87,136) |
hsl(212,51%,35%) |
#24456E |
rgb(36,69,110) |
hsl(213,51%,29%) |
#1B3654 |
rgb(27,54,84) |
hsl(212,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3566A2 |
rgb(53,102,162) |
hsl(213,51%,42%) |
#A23B35 |
rgb(162,59,53) |
hsl(3,51%,42%) |
#9CA335 |
rgb(156,163,53) |
hsl(64,51%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3566A2 |
rgb(53,102,162) |
hsl(213,51%,42%) |
#A27035 |
rgb(162,112,53) |
hsl(32,51%,42%) |
#359CA2 |
rgb(53,156,162) |
hsl(183,51%,42%) |
#9CA335 |
rgb(156,163,53) |
hsl(64,51%,42%) |