HEX #324FA6 color — Sapphire
The color #324FA6 is a dark shade and moderately saturated.
Palette
324FA6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(225,54%,97%) |
#e0e5f6 |
rgb(224,229,246) |
hsl(225,54%,92%) |
#ccd5f0 |
rgb(204,213,240) |
hsl(225,54%,87%) |
#b8c5ea |
rgb(184,197,234) |
hsl(225,54%,82%) |
#a5b5e4 |
rgb(165,181,228) |
hsl(225,54%,77%) |
#91a4de |
rgb(145,164,222) |
hsl(225,54%,72%) |
#7d94d8 |
rgb(125,148,216) |
hsl(225,54%,67%) |
#6a84d2 |
rgb(106,132,210) |
hsl(225,54%,62%) |
#5674cd |
rgb(86,116,205) |
hsl(225,54%,57%) |
#4364c7 |
rgb(67,100,199) |
hsl(225,54%,52%) |
#3757b9 |
rgb(55,87,185) |
hsl(225,54%,47%) |
#314ea5 |
rgb(49,78,165) |
hsl(225,54%,42%) |
#2b4591 |
rgb(43,69,145) |
hsl(225,54%,37%) |
#263c7e |
rgb(38,60,126) |
hsl(225,54%,32%) |
#20326a |
rgb(32,50,106) |
hsl(225,54%,27%) |
#1a2956 |
rgb(26,41,86) |
hsl(225,54%,22%) |
#142043 |
rgb(20,32,67) |
hsl(225,54%,17%) |
#0e162f |
rgb(14,22,47) |
hsl(225,54%,12%) |
#080d1b |
rgb(8,13,27) |
hsl(225,54%,7%) |
#020408 |
rgb(2,4,8) |
hsl(225,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#329CA6 |
rgb(50,156,166) |
hsl(185,54%,42%) |
#324FA6 |
rgb(50,79,166) |
hsl(225,54%,42%) |
#6233A6 |
rgb(98,51,166) |
hsl(265,53%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5270CA |
rgb(82,112,202) |
hsl(225,53%,56%) |
#3A5CC0 |
rgb(58,92,192) |
hsl(225,54%,49%) |
#324FA6 |
rgb(50,79,166) |
hsl(225,54%,42%) |
#2A428B |
rgb(42,66,139) |
hsl(225,54%,35%) |
#223670 |
rgb(34,54,112) |
hsl(225,53%,29%) |
#1A2956 |
rgb(26,41,86) |
hsl(225,54%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#324FA6 |
rgb(50,79,166) |
hsl(225,54%,42%) |
#A64F32 |
rgb(166,79,50) |
hsl(15,54%,42%) |
#89A632 |
rgb(137,166,50) |
hsl(75,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#324FA6 |
rgb(50,79,166) |
hsl(225,54%,42%) |
#A68A32 |
rgb(166,138,50) |
hsl(46,54%,42%) |
#328AA6 |
rgb(50,138,166) |
hsl(194,54%,42%) |
#89A632 |
rgb(137,166,50) |
hsl(75,54%,42%) |