HEX #3B54B0 color — Azure
The color #3B54B0 is a dark shade and moderately saturated.
Palette
3B54B0 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2fa |
rgb(240,242,250) |
hsl(227,50%,96%) |
#dde2f4 |
rgb(221,226,244) |
hsl(227,50%,91%) |
#c9d1ed |
rgb(201,209,237) |
hsl(227,50%,86%) |
#b6c1e7 |
rgb(182,193,231) |
hsl(227,50%,81%) |
#a3b0e0 |
rgb(163,176,224) |
hsl(227,50%,76%) |
#90a0da |
rgb(144,160,218) |
hsl(227,50%,71%) |
#7d90d4 |
rgb(125,144,212) |
hsl(227,50%,66%) |
#6a7fcd |
rgb(106,127,205) |
hsl(227,50%,61%) |
#576fc7 |
rgb(87,111,199) |
hsl(227,50%,56%) |
#445fc1 |
rgb(68,95,193) |
hsl(227,50%,51%) |
#3b54b0 |
rgb(59,84,176) |
hsl(227,50%,46%) |
#344b9d |
rgb(52,75,157) |
hsl(227,50%,41%) |
#2e428a |
rgb(46,66,138) |
hsl(227,50%,36%) |
#283977 |
rgb(40,57,119) |
hsl(227,50%,31%) |
#213063 |
rgb(33,48,99) |
hsl(227,50%,26%) |
#1b2650 |
rgb(27,38,80) |
hsl(227,50%,21%) |
#141d3d |
rgb(20,29,61) |
hsl(227,50%,16%) |
#0e142a |
rgb(14,20,42) |
hsl(227,50%,11%) |
#080b17 |
rgb(8,11,23) |
hsl(227,50%,6%) |
#010204 |
rgb(1,2,4) |
hsl(227,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BA3B0 |
rgb(59,163,176) |
hsl(187,50%,46%) |
#3B54B0 |
rgb(59,84,176) |
hsl(227,50%,46%) |
#703BB0 |
rgb(112,59,176) |
hsl(267,50%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6980CC |
rgb(105,128,204) |
hsl(226,49%,61%) |
#4D66C3 |
rgb(77,102,195) |
hsl(227,50%,53%) |
#3B54B0 |
rgb(59,84,176) |
hsl(227,50%,46%) |
#314793 |
rgb(49,71,147) |
hsl(227,50%,38%) |
#283877 |
rgb(40,56,119) |
hsl(228,50%,31%) |
#1E2B5B |
rgb(30,43,91) |
hsl(227,50%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B54B0 |
rgb(59,84,176) |
hsl(227,50%,46%) |
#B05C3B |
rgb(176,92,59) |
hsl(17,50%,46%) |
#8EB03B |
rgb(142,176,59) |
hsl(77,50%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B54B0 |
rgb(59,84,176) |
hsl(227,50%,46%) |
#B0963B |
rgb(176,150,59) |
hsl(47,50%,46%) |
#3B8FB0 |
rgb(59,143,176) |
hsl(197,50%,46%) |
#8EB03B |
rgb(142,176,59) |
hsl(77,50%,46%) |