HEX #3554A0 color — Azure
The color #3554A0 is a dark shade and moderately saturated.
Palette
3554A0 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(223,50%,97%) |
#e0e6f5 |
rgb(224,230,245) |
hsl(223,50%,92%) |
#cdd7ee |
rgb(205,215,238) |
hsl(223,50%,87%) |
#bac7e8 |
rgb(186,199,232) |
hsl(223,50%,82%) |
#a7b8e2 |
rgb(167,184,226) |
hsl(223,50%,77%) |
#94a8db |
rgb(148,168,219) |
hsl(223,50%,72%) |
#8199d5 |
rgb(129,153,213) |
hsl(223,50%,67%) |
#6e89cf |
rgb(110,137,207) |
hsl(223,50%,62%) |
#5b7ac8 |
rgb(91,122,200) |
hsl(223,50%,57%) |
#476ac2 |
rgb(71,106,194) |
hsl(223,50%,52%) |
#3c5eb4 |
rgb(60,94,180) |
hsl(223,50%,47%) |
#3654a1 |
rgb(54,84,161) |
hsl(223,50%,42%) |
#2f4a8e |
rgb(47,74,142) |
hsl(223,50%,37%) |
#29407a |
rgb(41,64,122) |
hsl(223,50%,32%) |
#223667 |
rgb(34,54,103) |
hsl(223,50%,27%) |
#1c2c54 |
rgb(28,44,84) |
hsl(223,50%,22%) |
#162241 |
rgb(22,34,65) |
hsl(223,50%,17%) |
#0f182e |
rgb(15,24,46) |
hsl(223,50%,12%) |
#090e1b |
rgb(9,14,27) |
hsl(223,50%,7%) |
#030408 |
rgb(3,4,8) |
hsl(223,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#359CA0 |
rgb(53,156,160) |
hsl(182,50%,42%) |
#3554A0 |
rgb(53,84,160) |
hsl(223,50%,42%) |
#5D36A0 |
rgb(93,54,160) |
hsl(262,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5375C6 |
rgb(83,117,198) |
hsl(222,50%,55%) |
#3D61B9 |
rgb(61,97,185) |
hsl(223,50%,48%) |
#3554A0 |
rgb(53,84,160) |
hsl(223,50%,42%) |
#2C4786 |
rgb(44,71,134) |
hsl(222,51%,35%) |
#24386C |
rgb(36,56,108) |
hsl(223,50%,28%) |
#1B2B53 |
rgb(27,43,83) |
hsl(223,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3554A0 |
rgb(53,84,160) |
hsl(223,50%,42%) |
#A04D35 |
rgb(160,77,53) |
hsl(13,50%,42%) |
#89A135 |
rgb(137,161,53) |
hsl(73,50%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3554A0 |
rgb(53,84,160) |
hsl(223,50%,42%) |
#A08235 |
rgb(160,130,53) |
hsl(43,50%,42%) |
#358AA0 |
rgb(53,138,160) |
hsl(192,50%,42%) |
#89A135 |
rgb(137,161,53) |
hsl(73,50%,42%) |