HEX #3654A1 color — Azure
The color #3654a1 is a dark shade and moderately saturated.
Palette
3654a1 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 |
#369CA1 |
rgb(54,156,161) |
hsl(183,50%,42%) |
#3654A1 |
rgb(54,84,161) |
hsl(223,50%,42%) |
#5F36A1 |
rgb(95,54,161) |
hsl(263,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5575C6 |
rgb(85,117,198) |
hsl(223,50%,55%) |
#3E61BA |
rgb(62,97,186) |
hsl(223,50%,49%) |
#3654A1 |
rgb(54,84,161) |
hsl(223,50%,42%) |
#2D4787 |
rgb(45,71,135) |
hsl(223,50%,35%) |
#24386D |
rgb(36,56,109) |
hsl(224,50%,28%) |
#1C2B53 |
rgb(28,43,83) |
hsl(224,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3654A1 |
rgb(54,84,161) |
hsl(223,50%,42%) |
#A14D36 |
rgb(161,77,54) |
hsl(13,50%,42%) |
#89A136 |
rgb(137,161,54) |
hsl(73,50%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3654A1 |
rgb(54,84,161) |
hsl(223,50%,42%) |
#A18236 |
rgb(161,130,54) |
hsl(43,50%,42%) |
#368AA1 |
rgb(54,138,161) |
hsl(193,50%,42%) |
#89A136 |
rgb(137,161,54) |
hsl(73,50%,42%) |