HEX #3557A3 color — Azure
The color #3557A3 is a dark shade and moderately saturated.
Palette
3557A3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(221,51%,97%) |
#e0e7f5 |
rgb(224,231,245) |
hsl(221,51%,92%) |
#cdd8ef |
rgb(205,216,239) |
hsl(221,51%,87%) |
#bac9e9 |
rgb(186,201,233) |
hsl(221,51%,82%) |
#a6b9e2 |
rgb(166,185,226) |
hsl(221,51%,77%) |
#93aadc |
rgb(147,170,220) |
hsl(221,51%,72%) |
#809bd6 |
rgb(128,155,214) |
hsl(221,51%,67%) |
#6d8cd0 |
rgb(109,140,208) |
hsl(221,51%,62%) |
#597dc9 |
rgb(89,125,201) |
hsl(221,51%,57%) |
#466ec3 |
rgb(70,110,195) |
hsl(221,51%,52%) |
#3b61b5 |
rgb(59,97,181) |
hsl(221,51%,47%) |
#3457a2 |
rgb(52,87,162) |
hsl(221,51%,42%) |
#2e4d8e |
rgb(46,77,142) |
hsl(221,51%,37%) |
#28427b |
rgb(40,66,123) |
hsl(221,51%,32%) |
#223868 |
rgb(34,56,104) |
hsl(221,51%,27%) |
#1b2e55 |
rgb(27,46,85) |
hsl(221,51%,22%) |
#152341 |
rgb(21,35,65) |
hsl(221,51%,17%) |
#0f192e |
rgb(15,25,46) |
hsl(221,51%,12%) |
#090f1b |
rgb(9,15,27) |
hsl(221,51%,7%) |
#020408 |
rgb(2,4,8) |
hsl(221,51%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#35A1A3 |
rgb(53,161,163) |
hsl(181,51%,42%) |
#3557A3 |
rgb(53,87,163) |
hsl(221,51%,42%) |
#5C36A3 |
rgb(92,54,163) |
hsl(261,50%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5578C7 |
rgb(85,120,199) |
hsl(222,50%,56%) |
#3D66BD |
rgb(61,102,189) |
hsl(221,51%,49%) |
#3557A3 |
rgb(53,87,163) |
hsl(221,51%,42%) |
#2C4A88 |
rgb(44,74,136) |
hsl(220,51%,35%) |
#243B6E |
rgb(36,59,110) |
hsl(221,51%,29%) |
#1B2E54 |
rgb(27,46,84) |
hsl(220,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3557A3 |
rgb(53,87,163) |
hsl(221,51%,42%) |
#A34A35 |
rgb(163,74,53) |
hsl(11,51%,42%) |
#8EA335 |
rgb(142,163,53) |
hsl(71,51%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3557A3 |
rgb(53,87,163) |
hsl(221,51%,42%) |
#A38235 |
rgb(163,130,53) |
hsl(42,51%,42%) |
#358FA3 |
rgb(53,143,163) |
hsl(191,51%,42%) |
#8EA335 |
rgb(142,163,53) |
hsl(71,51%,42%) |