HEX #324DA4 color — Sapphire
The color #324DA4 is a dark shade and moderately saturated.
Palette
324DA4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(226,53%,97%) |
#e0e5f5 |
rgb(224,229,245) |
hsl(226,53%,92%) |
#ccd4ef |
rgb(204,212,239) |
hsl(226,53%,87%) |
#b9c4e9 |
rgb(185,196,233) |
hsl(226,53%,82%) |
#a5b4e3 |
rgb(165,180,227) |
hsl(226,53%,77%) |
#92a3dd |
rgb(146,163,221) |
hsl(226,53%,72%) |
#7e93d7 |
rgb(126,147,215) |
hsl(226,53%,67%) |
#6b83d1 |
rgb(107,131,209) |
hsl(226,53%,62%) |
#5772cb |
rgb(87,114,203) |
hsl(226,53%,57%) |
#4462c5 |
rgb(68,98,197) |
hsl(226,53%,52%) |
#3856b7 |
rgb(56,86,183) |
hsl(226,53%,47%) |
#324da4 |
rgb(50,77,164) |
hsl(226,53%,42%) |
#2c4490 |
rgb(44,68,144) |
hsl(226,53%,37%) |
#263b7d |
rgb(38,59,125) |
hsl(226,53%,32%) |
#203169 |
rgb(32,49,105) |
hsl(226,53%,27%) |
#1a2856 |
rgb(26,40,86) |
hsl(226,53%,22%) |
#141f42 |
rgb(20,31,66) |
hsl(226,53%,17%) |
#0e162f |
rgb(14,22,47) |
hsl(226,53%,12%) |
#080d1b |
rgb(8,13,27) |
hsl(226,53%,7%) |
#020408 |
rgb(2,4,8) |
hsl(226,53%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3299A4 |
rgb(50,153,164) |
hsl(186,53%,42%) |
#324DA4 |
rgb(50,77,164) |
hsl(226,53%,42%) |
#6333A4 |
rgb(99,51,164) |
hsl(265,53%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#506EC9 |
rgb(80,110,201) |
hsl(225,53%,55%) |
#3A59BE |
rgb(58,89,190) |
hsl(226,53%,49%) |
#324DA4 |
rgb(50,77,164) |
hsl(226,53%,42%) |
#2A4089 |
rgb(42,64,137) |
hsl(226,53%,35%) |
#22366F |
rgb(34,54,111) |
hsl(224,53%,28%) |
#1A2955 |
rgb(26,41,85) |
hsl(225,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#324DA4 |
rgb(50,77,164) |
hsl(226,53%,42%) |
#A44F32 |
rgb(164,79,50) |
hsl(15,53%,42%) |
#86A332 |
rgb(134,163,50) |
hsl(75,53%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#324DA4 |
rgb(50,77,164) |
hsl(226,53%,42%) |
#A48A32 |
rgb(164,138,50) |
hsl(46,53%,42%) |
#3287A4 |
rgb(50,135,164) |
hsl(195,53%,42%) |
#86A332 |
rgb(134,163,50) |
hsl(75,53%,42%) |