HEX #3A54B2 color — Azure
The color #3A54B2 is a dark shade and moderately saturated.
Palette
3A54B2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2fa |
rgb(240,242,250) |
hsl(227,51%,96%) |
#dce1f4 |
rgb(220,225,244) |
hsl(227,51%,91%) |
#c9d1ee |
rgb(201,209,238) |
hsl(227,51%,86%) |
#b6c1e7 |
rgb(182,193,231) |
hsl(227,51%,81%) |
#a3b0e1 |
rgb(163,176,225) |
hsl(227,51%,76%) |
#8fa0db |
rgb(143,160,219) |
hsl(227,51%,71%) |
#7c8fd5 |
rgb(124,143,213) |
hsl(227,51%,66%) |
#697fce |
rgb(105,127,206) |
hsl(227,51%,61%) |
#566ec8 |
rgb(86,110,200) |
hsl(227,51%,56%) |
#425ec2 |
rgb(66,94,194) |
hsl(227,51%,51%) |
#3953b1 |
rgb(57,83,177) |
hsl(227,51%,46%) |
#334a9e |
rgb(51,74,158) |
hsl(227,51%,41%) |
#2d418b |
rgb(45,65,139) |
hsl(227,51%,36%) |
#273877 |
rgb(39,56,119) |
hsl(227,51%,31%) |
#202f64 |
rgb(32,47,100) |
hsl(227,51%,26%) |
#1a2651 |
rgb(26,38,81) |
hsl(227,51%,21%) |
#141d3e |
rgb(20,29,62) |
hsl(227,51%,16%) |
#0e142a |
rgb(14,20,42) |
hsl(227,51%,11%) |
#070b17 |
rgb(7,11,23) |
hsl(227,51%,6%) |
#010204 |
rgb(1,2,4) |
hsl(227,51%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA3B2 |
rgb(58,163,178) |
hsl(188,51%,46%) |
#3A54B2 |
rgb(58,84,178) |
hsl(227,51%,46%) |
#703BB2 |
rgb(112,59,178) |
hsl(267,50%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6980CE |
rgb(105,128,206) |
hsl(226,51%,61%) |
#4C66C4 |
rgb(76,102,196) |
hsl(227,50%,53%) |
#3A54B2 |
rgb(58,84,178) |
hsl(227,51%,46%) |
#304795 |
rgb(48,71,149) |
hsl(226,51%,39%) |
#273879 |
rgb(39,56,121) |
hsl(228,51%,31%) |
#1E2B5C |
rgb(30,43,92) |
hsl(227,51%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A54B2 |
rgb(58,84,178) |
hsl(227,51%,46%) |
#B25C3A |
rgb(178,92,58) |
hsl(17,51%,46%) |
#90B33A |
rgb(144,179,58) |
hsl(77,51%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A54B2 |
rgb(58,84,178) |
hsl(227,51%,46%) |
#B2993A |
rgb(178,153,58) |
hsl(48,51%,46%) |
#3A8FB2 |
rgb(58,143,178) |
hsl(198,51%,46%) |
#90B33A |
rgb(144,179,58) |
hsl(77,51%,46%) |