HEX #2E52A6 color — Sapphire
The color #2E52A6 is a dark shade and moderately saturated.
Palette
2E52A6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(222,57%,97%) |
#dfe6f6 |
rgb(223,230,246) |
hsl(222,57%,92%) |
#cbd6f1 |
rgb(203,214,241) |
hsl(222,57%,87%) |
#b7c7eb |
rgb(183,199,235) |
hsl(222,57%,82%) |
#a3b7e6 |
rgb(163,183,230) |
hsl(222,57%,77%) |
#8fa7e0 |
rgb(143,167,224) |
hsl(222,57%,72%) |
#7b98db |
rgb(123,152,219) |
hsl(222,57%,67%) |
#6788d5 |
rgb(103,136,213) |
hsl(222,57%,62%) |
#5378d0 |
rgb(83,120,208) |
hsl(222,57%,57%) |
#3f69ca |
rgb(63,105,202) |
hsl(222,57%,52%) |
#345dbc |
rgb(52,93,188) |
hsl(222,57%,47%) |
#2e53a8 |
rgb(46,83,168) |
hsl(222,57%,42%) |
#294994 |
rgb(41,73,148) |
hsl(222,57%,37%) |
#233f80 |
rgb(35,63,128) |
hsl(222,57%,32%) |
#1e356c |
rgb(30,53,108) |
hsl(222,57%,27%) |
#182b58 |
rgb(24,43,88) |
hsl(222,57%,22%) |
#132144 |
rgb(19,33,68) |
hsl(222,57%,17%) |
#0d1830 |
rgb(13,24,48) |
hsl(222,57%,12%) |
#080e1c |
rgb(8,14,28) |
hsl(222,57%,7%) |
#020408 |
rgb(2,4,8) |
hsl(222,57%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2EA3A6 |
rgb(46,163,166) |
hsl(182,57%,42%) |
#2E52A6 |
rgb(46,82,166) |
hsl(222,57%,42%) |
#5A2EA6 |
rgb(90,46,166) |
hsl(262,57%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A73CD |
rgb(74,115,205) |
hsl(221,57%,55%) |
#355EC0 |
rgb(53,94,192) |
hsl(222,57%,48%) |
#2E52A6 |
rgb(46,82,166) |
hsl(222,57%,42%) |
#26458B |
rgb(38,69,139) |
hsl(222,57%,35%) |
#1F3870 |
rgb(31,56,112) |
hsl(221,57%,28%) |
#172B56 |
rgb(23,43,86) |
hsl(221,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2E52A6 |
rgb(46,82,166) |
hsl(222,57%,42%) |
#A6452E |
rgb(166,69,46) |
hsl(12,57%,42%) |
#8EA62E |
rgb(142,166,46) |
hsl(72,57%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2E52A6 |
rgb(46,82,166) |
hsl(222,57%,42%) |
#A6822E |
rgb(166,130,46) |
hsl(42,57%,42%) |
#2E8FA6 |
rgb(46,143,166) |
hsl(192,57%,42%) |
#8EA62E |
rgb(142,166,46) |
hsl(72,57%,42%) |