HEX #324D97 color — Sapphire
The color #324D97 is a dark shade and moderately saturated.
Palette
324D97 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(224,50%,99%) |
#e8ecf7 |
rgb(232,236,247) |
hsl(224,50%,94%) |
#d5dcf1 |
rgb(213,220,241) |
hsl(224,50%,89%) |
#c2cdeb |
rgb(194,205,235) |
hsl(224,50%,84%) |
#afbde4 |
rgb(175,189,228) |
hsl(224,50%,79%) |
#9cadde |
rgb(156,173,222) |
hsl(224,50%,74%) |
#889ed7 |
rgb(136,158,215) |
hsl(224,50%,69%) |
#758ed1 |
rgb(117,142,209) |
hsl(224,50%,64%) |
#627ecb |
rgb(98,126,203) |
hsl(224,50%,59%) |
#4f6ec4 |
rgb(79,110,196) |
hsl(224,50%,54%) |
#3e60bb |
rgb(62,96,187) |
hsl(224,50%,49%) |
#3856a8 |
rgb(56,86,168) |
hsl(224,50%,44%) |
#324c95 |
rgb(50,76,149) |
hsl(224,50%,39%) |
#2b4282 |
rgb(43,66,130) |
hsl(224,50%,34%) |
#25396f |
rgb(37,57,111) |
hsl(224,50%,29%) |
#1f2f5c |
rgb(31,47,92) |
hsl(224,50%,24%) |
#182549 |
rgb(24,37,73) |
hsl(224,50%,19%) |
#121b36 |
rgb(18,27,54) |
hsl(224,50%,14%) |
#0b1222 |
rgb(11,18,34) |
hsl(224,50%,9%) |
#05080f |
rgb(5,8,15) |
hsl(224,50%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#329197 |
rgb(50,145,151) |
hsl(184,50%,39%) |
#324D97 |
rgb(50,77,151) |
hsl(224,50%,39%) |
#5A3397 |
rgb(90,51,151) |
hsl(263,50%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3A59AF |
rgb(58,89,175) |
hsl(224,50%,46%) |
#324D97 |
rgb(50,77,151) |
hsl(224,50%,39%) |
#2A407E |
rgb(42,64,126) |
hsl(224,50%,33%) |
#223666 |
rgb(34,54,102) |
hsl(222,50%,27%) |
#1A294E |
rgb(26,41,78) |
hsl(223,50%,20%) |
#121C36 |
rgb(18,28,54) |
hsl(223,50%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#324D97 |
rgb(50,77,151) |
hsl(224,50%,39%) |
#974A32 |
rgb(151,74,50) |
hsl(14,50%,39%) |
#7F9632 |
rgb(127,150,50) |
hsl(74,50%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#324D97 |
rgb(50,77,151) |
hsl(224,50%,39%) |
#977D32 |
rgb(151,125,50) |
hsl(45,50%,39%) |
#328097 |
rgb(50,128,151) |
hsl(194,50%,39%) |
#7F9632 |
rgb(127,150,50) |
hsl(74,50%,39%) |