HEX #2E54AA color — Sapphire
The color #2E54AA is a dark shade and moderately saturated.
Palette
2E54AA 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 |
#2EA6AA |
rgb(46,166,170) |
hsl(182,57%,42%) |
#2E54AA |
rgb(46,84,170) |
hsl(222,57%,42%) |
#5A2EAA |
rgb(90,46,170) |
hsl(261,57%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E75CF |
rgb(78,117,207) |
hsl(222,57%,56%) |
#3561C5 |
rgb(53,97,197) |
hsl(222,58%,49%) |
#2E54AA |
rgb(46,84,170) |
hsl(222,57%,42%) |
#26478E |
rgb(38,71,142) |
hsl(221,58%,35%) |
#1F3873 |
rgb(31,56,115) |
hsl(222,58%,29%) |
#172B58 |
rgb(23,43,88) |
hsl(222,59%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2E54AA |
rgb(46,84,170) |
hsl(222,57%,42%) |
#AA452E |
rgb(170,69,46) |
hsl(11,57%,42%) |
#92AB2E |
rgb(146,171,46) |
hsl(72,58%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2E54AA |
rgb(46,84,170) |
hsl(222,57%,42%) |
#AA852E |
rgb(170,133,46) |
hsl(42,57%,42%) |
#2E91AA |
rgb(46,145,170) |
hsl(192,57%,42%) |
#92AB2E |
rgb(146,171,46) |
hsl(72,58%,43%) |