HEX #3A54B5 color — Azure
The color #3A54B5 is a dark shade and moderately saturated.
Palette
3A54B5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(227,51%,97%) |
#e0e5f5 |
rgb(224,229,245) |
hsl(227,51%,92%) |
#cdd4ef |
rgb(205,212,239) |
hsl(227,51%,87%) |
#bac4e9 |
rgb(186,196,233) |
hsl(227,51%,82%) |
#a6b3e2 |
rgb(166,179,226) |
hsl(227,51%,77%) |
#93a3dc |
rgb(147,163,220) |
hsl(227,51%,72%) |
#8093d6 |
rgb(128,147,214) |
hsl(227,51%,67%) |
#6d82d0 |
rgb(109,130,208) |
hsl(227,51%,62%) |
#5972c9 |
rgb(89,114,201) |
hsl(227,51%,57%) |
#4661c3 |
rgb(70,97,195) |
hsl(227,51%,52%) |
#3b55b5 |
rgb(59,85,181) |
hsl(227,51%,47%) |
#344ca2 |
rgb(52,76,162) |
hsl(227,51%,42%) |
#2e438e |
rgb(46,67,142) |
hsl(227,51%,37%) |
#283a7b |
rgb(40,58,123) |
hsl(227,51%,32%) |
#223168 |
rgb(34,49,104) |
hsl(227,51%,27%) |
#1b2855 |
rgb(27,40,85) |
hsl(227,51%,22%) |
#151f41 |
rgb(21,31,65) |
hsl(227,51%,17%) |
#0f162e |
rgb(15,22,46) |
hsl(227,51%,12%) |
#090d1b |
rgb(9,13,27) |
hsl(227,51%,7%) |
#020408 |
rgb(2,4,8) |
hsl(227,51%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA6B5 |
rgb(58,166,181) |
hsl(187,51%,47%) |
#3A54B5 |
rgb(58,84,181) |
hsl(227,51%,47%) |
#723BB5 |
rgb(114,59,181) |
hsl(267,51%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6B82CF |
rgb(107,130,207) |
hsl(226,51%,62%) |
#4E69C6 |
rgb(78,105,198) |
hsl(227,51%,54%) |
#3A54B5 |
rgb(58,84,181) |
hsl(227,51%,47%) |
#304798 |
rgb(48,71,152) |
hsl(227,52%,39%) |
#27387B |
rgb(39,56,123) |
hsl(228,52%,32%) |
#1E2B5E |
rgb(30,43,94) |
hsl(228,52%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A54B5 |
rgb(58,84,181) |
hsl(227,51%,47%) |
#B55E3A |
rgb(181,94,58) |
hsl(18,51%,47%) |
#91B53A |
rgb(145,181,58) |
hsl(78,51%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A54B5 |
rgb(58,84,181) |
hsl(227,51%,47%) |
#B59C3A |
rgb(181,156,58) |
hsl(48,51%,47%) |
#3A91B5 |
rgb(58,145,181) |
hsl(198,51%,47%) |
#91B53A |
rgb(145,181,58) |
hsl(78,51%,47%) |