HEX #3A54B4 color — Azure
The color #3A54B4 is a dark shade and moderately saturated.
Palette
3A54B4 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 |
#3AA6B4 |
rgb(58,166,180) |
hsl(187,51%,47%) |
#3A54B4 |
rgb(58,84,180) |
hsl(227,51%,47%) |
#713BB4 |
rgb(113,59,180) |
hsl(267,51%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6A80CF |
rgb(106,128,207) |
hsl(227,51%,61%) |
#4E69C5 |
rgb(78,105,197) |
hsl(226,51%,54%) |
#3A54B4 |
rgb(58,84,180) |
hsl(227,51%,47%) |
#304797 |
rgb(48,71,151) |
hsl(227,52%,39%) |
#27387A |
rgb(39,56,122) |
hsl(228,52%,32%) |
#1E2B5D |
rgb(30,43,93) |
hsl(228,51%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A54B4 |
rgb(58,84,180) |
hsl(227,51%,47%) |
#B45C3A |
rgb(180,92,58) |
hsl(17,51%,47%) |
#91B53A |
rgb(145,181,58) |
hsl(78,51%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A54B4 |
rgb(58,84,180) |
hsl(227,51%,47%) |
#B4993A |
rgb(180,153,58) |
hsl(47,51%,47%) |
#3A91B4 |
rgb(58,145,180) |
hsl(197,51%,47%) |
#91B53A |
rgb(145,181,58) |
hsl(78,51%,47%) |