HEX #2E54A3 color — Sapphire
The color #2E54A3 is a dark shade and moderately saturated.
Palette
2E54A3 color palette from light to dark
HEX |
RGB |
HSL |
#eff3fb |
rgb(239,243,251) |
hsl(221,56%,96%) |
#dbe3f5 |
rgb(219,227,245) |
hsl(221,56%,91%) |
#c7d4ef |
rgb(199,212,239) |
hsl(221,56%,86%) |
#b3c5ea |
rgb(179,197,234) |
hsl(221,56%,81%) |
#a0b5e4 |
rgb(160,181,228) |
hsl(221,56%,76%) |
#8ca6de |
rgb(140,166,222) |
hsl(221,56%,71%) |
#7896d9 |
rgb(120,150,217) |
hsl(221,56%,66%) |
#6487d3 |
rgb(100,135,211) |
hsl(221,56%,61%) |
#5078ce |
rgb(80,120,206) |
hsl(221,56%,56%) |
#3c68c8 |
rgb(60,104,200) |
hsl(221,56%,51%) |
#345db7 |
rgb(52,93,183) |
hsl(221,56%,46%) |
#2e53a3 |
rgb(46,83,163) |
hsl(221,56%,41%) |
#28498f |
rgb(40,73,143) |
hsl(221,56%,36%) |
#233f7b |
rgb(35,63,123) |
hsl(221,56%,31%) |
#1d3567 |
rgb(29,53,103) |
hsl(221,56%,26%) |
#182b54 |
rgb(24,43,84) |
hsl(221,56%,21%) |
#122040 |
rgb(18,32,64) |
hsl(221,56%,16%) |
#0c162c |
rgb(12,22,44) |
hsl(221,56%,11%) |
#070c18 |
rgb(7,12,24) |
hsl(221,56%,6%) |
#010204 |
rgb(1,2,4) |
hsl(221,56%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#2EA3A3 |
rgb(46,163,163) |
hsl(180,56%,41%) |
#2E54A3 |
rgb(46,84,163) |
hsl(221,56%,41%) |
#562EA3 |
rgb(86,46,163) |
hsl(261,56%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4873CB |
rgb(72,115,203) |
hsl(220,56%,54%) |
#3561BD |
rgb(53,97,189) |
hsl(221,56%,47%) |
#2E54A3 |
rgb(46,84,163) |
hsl(221,56%,41%) |
#264788 |
rgb(38,71,136) |
hsl(220,56%,34%) |
#1F386E |
rgb(31,56,110) |
hsl(221,56%,28%) |
#172B54 |
rgb(23,43,84) |
hsl(220,57%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2E54A3 |
rgb(46,84,163) |
hsl(221,56%,41%) |
#A3422E |
rgb(163,66,46) |
hsl(10,56%,41%) |
#8EA32E |
rgb(142,163,46) |
hsl(71,56%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2E54A3 |
rgb(46,84,163) |
hsl(221,56%,41%) |
#A37D2E |
rgb(163,125,46) |
hsl(41,56%,41%) |
#2E8FA3 |
rgb(46,143,163) |
hsl(190,56%,41%) |
#8EA32E |
rgb(142,163,46) |
hsl(71,56%,41%) |