HEX #3557A0 color — Azure
The color #3557A0 is a dark shade and moderately saturated.
Palette
3557A0 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(221,50%,97%) |
#e0e7f5 |
rgb(224,231,245) |
hsl(221,50%,92%) |
#cdd8ee |
rgb(205,216,238) |
hsl(221,50%,87%) |
#bac9e8 |
rgb(186,201,232) |
hsl(221,50%,82%) |
#a7bae2 |
rgb(167,186,226) |
hsl(221,50%,77%) |
#94abdb |
rgb(148,171,219) |
hsl(221,50%,72%) |
#819bd5 |
rgb(129,155,213) |
hsl(221,50%,67%) |
#6e8ccf |
rgb(110,140,207) |
hsl(221,50%,62%) |
#5b7dc8 |
rgb(91,125,200) |
hsl(221,50%,57%) |
#476ec2 |
rgb(71,110,194) |
hsl(221,50%,52%) |
#3c62b4 |
rgb(60,98,180) |
hsl(221,50%,47%) |
#3657a1 |
rgb(54,87,161) |
hsl(221,50%,42%) |
#2f4d8e |
rgb(47,77,142) |
hsl(221,50%,37%) |
#29437a |
rgb(41,67,122) |
hsl(221,50%,32%) |
#223867 |
rgb(34,56,103) |
hsl(221,50%,27%) |
#1c2e54 |
rgb(28,46,84) |
hsl(221,50%,22%) |
#162341 |
rgb(22,35,65) |
hsl(221,50%,17%) |
#0f192e |
rgb(15,25,46) |
hsl(221,50%,12%) |
#090f1b |
rgb(9,15,27) |
hsl(221,50%,7%) |
#030408 |
rgb(3,4,8) |
hsl(221,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#359EA0 |
rgb(53,158,160) |
hsl(181,50%,42%) |
#3557A0 |
rgb(53,87,160) |
hsl(221,50%,42%) |
#5A36A0 |
rgb(90,54,160) |
hsl(260,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5378C6 |
rgb(83,120,198) |
hsl(221,50%,55%) |
#3D66B9 |
rgb(61,102,185) |
hsl(220,50%,48%) |
#3557A0 |
rgb(53,87,160) |
hsl(221,50%,42%) |
#2C4A86 |
rgb(44,74,134) |
hsl(220,51%,35%) |
#243B6C |
rgb(36,59,108) |
hsl(221,50%,28%) |
#1B2E53 |
rgb(27,46,83) |
hsl(220,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3557A0 |
rgb(53,87,160) |
hsl(221,50%,42%) |
#A04735 |
rgb(160,71,53) |
hsl(10,50%,42%) |
#8CA135 |
rgb(140,161,53) |
hsl(72,50%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3557A0 |
rgb(53,87,160) |
hsl(221,50%,42%) |
#A07D35 |
rgb(160,125,53) |
hsl(40,50%,42%) |
#358CA0 |
rgb(53,140,160) |
hsl(191,50%,42%) |
#8CA135 |
rgb(140,161,53) |
hsl(72,50%,42%) |