HEX #324AA3 color — Sapphire

The color #324AA3 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

324AA3 color palette from light to dark

HEX RGB HSL
#f3f5fb rgb(243,245,251) hsl(227,53%,97%)
#e0e4f5 rgb(224,228,245) hsl(227,53%,92%)
#ccd4ef rgb(204,212,239) hsl(227,53%,87%)
#b9c3e9 rgb(185,195,233) hsl(227,53%,82%)
#a5b3e3 rgb(165,179,227) hsl(227,53%,77%)
#92a2dd rgb(146,162,221) hsl(227,53%,72%)
#7e92d7 rgb(126,146,215) hsl(227,53%,67%)
#6b81d1 rgb(107,129,209) hsl(227,53%,62%)
#5770cb rgb(87,112,203) hsl(227,53%,57%)
#4460c5 rgb(68,96,197) hsl(227,53%,52%)
#3854b7 rgb(56,84,183) hsl(227,53%,47%)
#324ba4 rgb(50,75,164) hsl(227,53%,42%)
#2c4290 rgb(44,66,144) hsl(227,53%,37%)
#26397d rgb(38,57,125) hsl(227,53%,32%)
#203069 rgb(32,48,105) hsl(227,53%,27%)
#1a2756 rgb(26,39,86) hsl(227,53%,22%)
#141e42 rgb(20,30,66) hsl(227,53%,17%)
#0e152f rgb(14,21,47) hsl(227,53%,12%)
#080c1b rgb(8,12,27) hsl(227,53%,7%)
#020408 rgb(2,4,8) hsl(227,53%,2%)

Adjacent colors

HEX RGB HSL
#3296A3 rgb(50,150,163) hsl(187,53%,42%)
#324AA3 rgb(50,74,163) hsl(227,53%,42%)
#6533A3 rgb(101,51,163) hsl(267,52%,42%)

Monochromatic colors

HEX RGB HSL
#4F69C9 rgb(79,105,201) hsl(227,53%,55%)
#3A57BD rgb(58,87,189) hsl(227,53%,48%)
#324AA3 rgb(50,74,163) hsl(227,53%,42%)
#2A3D88 rgb(42,61,136) hsl(228,53%,35%)
#22336E rgb(34,51,110) hsl(227,53%,28%)
#1A2654 rgb(26,38,84) hsl(228,53%,22%)

Triad color palettes

HEX RGB HSL
#324AA3 rgb(50,74,163) hsl(227,53%,42%)
#A35232 rgb(163,82,50) hsl(17,53%,42%)
#82A332 rgb(130,163,50) hsl(78,53%,42%)

Tetrad color palettes

HEX RGB HSL
#324AA3 rgb(50,74,163) hsl(227,53%,42%)
#A38C32 rgb(163,140,50) hsl(48,53%,42%)
#3282A3 rgb(50,130,163) hsl(198,53%,42%)
#82A332 rgb(130,163,50) hsl(78,53%,42%)