HEX #3A54B6 color — Azure
The color #3A54B6 is a dark shade and moderately saturated.
Palette
3A54B6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(227,52%,97%) |
#e0e5f5 |
rgb(224,229,245) |
hsl(227,52%,92%) |
#cdd4ef |
rgb(205,212,239) |
hsl(227,52%,87%) |
#b9c4e9 |
rgb(185,196,233) |
hsl(227,52%,82%) |
#a6b3e3 |
rgb(166,179,227) |
hsl(227,52%,77%) |
#92a3dd |
rgb(146,163,221) |
hsl(227,52%,72%) |
#7f92d7 |
rgb(127,146,215) |
hsl(227,52%,67%) |
#6c82d0 |
rgb(108,130,208) |
hsl(227,52%,62%) |
#5871ca |
rgb(88,113,202) |
hsl(227,52%,57%) |
#4561c4 |
rgb(69,97,196) |
hsl(227,52%,52%) |
#3a55b6 |
rgb(58,85,182) |
hsl(227,52%,47%) |
#334ca3 |
rgb(51,76,163) |
hsl(227,52%,42%) |
#2d438f |
rgb(45,67,143) |
hsl(227,52%,37%) |
#273a7c |
rgb(39,58,124) |
hsl(227,52%,32%) |
#213169 |
rgb(33,49,105) |
hsl(227,52%,27%) |
#1b2855 |
rgb(27,40,85) |
hsl(227,52%,22%) |
#151f42 |
rgb(21,31,66) |
hsl(227,52%,17%) |
#0f162f |
rgb(15,22,47) |
hsl(227,52%,12%) |
#090d1b |
rgb(9,13,27) |
hsl(227,52%,7%) |
#020408 |
rgb(2,4,8) |
hsl(227,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA6B6 |
rgb(58,166,182) |
hsl(188,52%,47%) |
#3A54B6 |
rgb(58,84,182) |
hsl(227,52%,47%) |
#723BB6 |
rgb(114,59,182) |
hsl(267,51%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6C82D0 |
rgb(108,130,208) |
hsl(227,52%,62%) |
#4F69C7 |
rgb(79,105,199) |
hsl(227,52%,55%) |
#3A54B6 |
rgb(58,84,182) |
hsl(227,52%,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 |
#3A54B6 |
rgb(58,84,182) |
hsl(227,52%,47%) |
#B65E3A |
rgb(182,94,58) |
hsl(17,52%,47%) |
#92B53A |
rgb(146,181,58) |
hsl(77,51%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A54B6 |
rgb(58,84,182) |
hsl(227,52%,47%) |
#B69C3A |
rgb(182,156,58) |
hsl(47,52%,47%) |
#3A91B6 |
rgb(58,145,182) |
hsl(198,52%,47%) |
#92B53A |
rgb(146,181,58) |
hsl(77,51%,47%) |