HEX #2E57A6 color — Azure
The color #2E57A6 is a dark shade and moderately saturated.
Palette
2E57A6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(220,57%,97%) |
#dfe7f6 |
rgb(223,231,246) |
hsl(220,57%,92%) |
#cbd8f1 |
rgb(203,216,241) |
hsl(220,57%,87%) |
#b7c8eb |
rgb(183,200,235) |
hsl(220,57%,82%) |
#a3b9e6 |
rgb(163,185,230) |
hsl(220,57%,77%) |
#8faae0 |
rgb(143,170,224) |
hsl(220,57%,72%) |
#7b9bdb |
rgb(123,155,219) |
hsl(220,57%,67%) |
#678cd5 |
rgb(103,140,213) |
hsl(220,57%,62%) |
#537dd0 |
rgb(83,125,208) |
hsl(220,57%,57%) |
#3f6dca |
rgb(63,109,202) |
hsl(220,57%,52%) |
#3461bc |
rgb(52,97,188) |
hsl(220,57%,47%) |
#2e57a8 |
rgb(46,87,168) |
hsl(220,57%,42%) |
#294c94 |
rgb(41,76,148) |
hsl(220,57%,37%) |
#234280 |
rgb(35,66,128) |
hsl(220,57%,32%) |
#1e386c |
rgb(30,56,108) |
hsl(220,57%,27%) |
#182d58 |
rgb(24,45,88) |
hsl(220,57%,22%) |
#132344 |
rgb(19,35,68) |
hsl(220,57%,17%) |
#0d1930 |
rgb(13,25,48) |
hsl(220,57%,12%) |
#080e1c |
rgb(8,14,28) |
hsl(220,57%,7%) |
#020408 |
rgb(2,4,8) |
hsl(220,57%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2EA6A5 |
rgb(46,166,165) |
hsl(180,57%,42%) |
#2E57A6 |
rgb(46,87,166) |
hsl(220,57%,42%) |
#552EA6 |
rgb(85,46,166) |
hsl(260,57%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A78CD |
rgb(74,120,205) |
hsl(219,57%,55%) |
#3566C0 |
rgb(53,102,192) |
hsl(219,57%,48%) |
#2E57A6 |
rgb(46,87,166) |
hsl(220,57%,42%) |
#264A8B |
rgb(38,74,139) |
hsl(219,57%,35%) |
#1F3B70 |
rgb(31,59,112) |
hsl(219,57%,28%) |
#172E56 |
rgb(23,46,86) |
hsl(218,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2E57A6 |
rgb(46,87,166) |
hsl(220,57%,42%) |
#A6402E |
rgb(166,64,46) |
hsl(9,57%,42%) |
#93A62E |
rgb(147,166,46) |
hsl(70,57%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2E57A6 |
rgb(46,87,166) |
hsl(220,57%,42%) |
#A67D2E |
rgb(166,125,46) |
hsl(40,57%,42%) |
#2E94A6 |
rgb(46,148,166) |
hsl(189,57%,42%) |
#93A62E |
rgb(147,166,46) |
hsl(70,57%,42%) |