HEX #324AA7 color — Sapphire
The color #324AA7 is a dark shade and moderately saturated.
Palette
324AA7 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 |
#3299A7 |
rgb(50,153,167) |
hsl(187,54%,43%) |
#324AA7 |
rgb(50,74,167) |
hsl(228,54%,43%) |
#6833A7 |
rgb(104,51,167) |
hsl(267,53%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#526BCB |
rgb(82,107,203) |
hsl(228,54%,56%) |
#3A57C1 |
rgb(58,87,193) |
hsl(227,54%,49%) |
#324AA7 |
rgb(50,74,167) |
hsl(228,54%,43%) |
#2A3D8C |
rgb(42,61,140) |
hsl(228,54%,36%) |
#223371 |
rgb(34,51,113) |
hsl(227,54%,29%) |
#1A2656 |
rgb(26,38,86) |
hsl(228,54%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#324AA7 |
rgb(50,74,167) |
hsl(228,54%,43%) |
#A75432 |
rgb(167,84,50) |
hsl(17,54%,43%) |
#84A632 |
rgb(132,166,50) |
hsl(78,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#324AA7 |
rgb(50,74,167) |
hsl(228,54%,43%) |
#A78F32 |
rgb(167,143,50) |
hsl(48,54%,43%) |
#3285A7 |
rgb(50,133,167) |
hsl(197,54%,43%) |
#84A632 |
rgb(132,166,50) |
hsl(78,54%,42%) |