HEX #324AA9 color — Sapphire
The color #324AA9 is a dark shade and moderately saturated.
Palette
324AA9 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(228,54%,98%) |
#e4e7f7 |
rgb(228,231,247) |
hsl(228,54%,93%) |
#d0d6f1 |
rgb(208,214,241) |
hsl(228,54%,88%) |
#bcc6eb |
rgb(188,198,235) |
hsl(228,54%,83%) |
#a9b5e5 |
rgb(169,181,229) |
hsl(228,54%,78%) |
#95a4df |
rgb(149,164,223) |
hsl(228,54%,73%) |
#8193d9 |
rgb(129,147,217) |
hsl(228,54%,68%) |
#6e82d4 |
rgb(110,130,212) |
hsl(228,54%,63%) |
#5a71ce |
rgb(90,113,206) |
hsl(228,54%,58%) |
#4660c8 |
rgb(70,96,200) |
hsl(228,54%,53%) |
#3853bc |
rgb(56,83,188) |
hsl(228,54%,48%) |
#324aa9 |
rgb(50,74,169) |
hsl(228,54%,43%) |
#2d4295 |
rgb(45,66,149) |
hsl(228,54%,38%) |
#273982 |
rgb(39,57,130) |
hsl(228,54%,33%) |
#21306e |
rgb(33,48,110) |
hsl(228,54%,28%) |
#1b285a |
rgb(27,40,90) |
hsl(228,54%,23%) |
#151f47 |
rgb(21,31,71) |
hsl(228,54%,18%) |
#0f1633 |
rgb(15,22,51) |
hsl(228,54%,13%) |
#090e1f |
rgb(9,14,31) |
hsl(228,54%,8%) |
#04050c |
rgb(4,5,12) |
hsl(228,54%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3299A9 |
rgb(50,153,169) |
hsl(188,54%,43%) |
#324AA9 |
rgb(50,74,169) |
hsl(228,54%,43%) |
#6933A9 |
rgb(105,51,169) |
hsl(267,54%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#546ECC |
rgb(84,110,204) |
hsl(227,54%,56%) |
#3A57C4 |
rgb(58,87,196) |
hsl(227,54%,50%) |
#324AA9 |
rgb(50,74,169) |
hsl(228,54%,43%) |
#2A3D8D |
rgb(42,61,141) |
hsl(228,54%,36%) |
#223372 |
rgb(34,51,114) |
hsl(227,54%,29%) |
#1A2657 |
rgb(26,38,87) |
hsl(228,54%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#324AA9 |
rgb(50,74,169) |
hsl(228,54%,43%) |
#A95732 |
rgb(169,87,50) |
hsl(19,54%,43%) |
#85A832 |
rgb(133,168,50) |
hsl(78,54%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#324AA9 |
rgb(50,74,169) |
hsl(228,54%,43%) |
#A99132 |
rgb(169,145,50) |
hsl(48,54%,43%) |
#3285A9 |
rgb(50,133,169) |
hsl(198,54%,43%) |
#85A832 |
rgb(133,168,50) |
hsl(78,54%,43%) |