HEX #324FA9 color — Sapphire
The color #324FA9 is a dark shade and moderately saturated.
Palette
324FA9 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(225,54%,98%) |
#e4e8f7 |
rgb(228,232,247) |
hsl(225,54%,93%) |
#d0d8f1 |
rgb(208,216,241) |
hsl(225,54%,88%) |
#bcc8eb |
rgb(188,200,235) |
hsl(225,54%,83%) |
#a9b8e5 |
rgb(169,184,229) |
hsl(225,54%,78%) |
#95a8df |
rgb(149,168,223) |
hsl(225,54%,73%) |
#8197d9 |
rgb(129,151,217) |
hsl(225,54%,68%) |
#6e87d4 |
rgb(110,135,212) |
hsl(225,54%,63%) |
#5a77ce |
rgb(90,119,206) |
hsl(225,54%,58%) |
#4667c8 |
rgb(70,103,200) |
hsl(225,54%,53%) |
#3859bc |
rgb(56,89,188) |
hsl(225,54%,48%) |
#3250a9 |
rgb(50,80,169) |
hsl(225,54%,43%) |
#2d4795 |
rgb(45,71,149) |
hsl(225,54%,38%) |
#273d82 |
rgb(39,61,130) |
hsl(225,54%,33%) |
#21346e |
rgb(33,52,110) |
hsl(225,54%,28%) |
#1b2b5a |
rgb(27,43,90) |
hsl(225,54%,23%) |
#152247 |
rgb(21,34,71) |
hsl(225,54%,18%) |
#0f1833 |
rgb(15,24,51) |
hsl(225,54%,13%) |
#090f1f |
rgb(9,15,31) |
hsl(225,54%,8%) |
#04060c |
rgb(4,6,12) |
hsl(225,54%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#329EA9 |
rgb(50,158,169) |
hsl(186,54%,43%) |
#324FA9 |
rgb(50,79,169) |
hsl(225,54%,43%) |
#6433A9 |
rgb(100,51,169) |
hsl(265,54%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5473CC |
rgb(84,115,204) |
hsl(225,54%,56%) |
#3A5CC4 |
rgb(58,92,196) |
hsl(225,54%,50%) |
#324FA9 |
rgb(50,79,169) |
hsl(225,54%,43%) |
#2A428D |
rgb(42,66,141) |
hsl(225,54%,36%) |
#223672 |
rgb(34,54,114) |
hsl(225,54%,29%) |
#1A2957 |
rgb(26,41,87) |
hsl(225,54%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#324FA9 |
rgb(50,79,169) |
hsl(225,54%,43%) |
#A95232 |
rgb(169,82,50) |
hsl(16,54%,43%) |
#8AA832 |
rgb(138,168,50) |
hsl(75,54%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#324FA9 |
rgb(50,79,169) |
hsl(225,54%,43%) |
#A98C32 |
rgb(169,140,50) |
hsl(45,54%,43%) |
#328AA9 |
rgb(50,138,169) |
hsl(196,54%,43%) |
#8AA832 |
rgb(138,168,50) |
hsl(75,54%,43%) |