HEX #324AE2 color — Royal Blue
The color #324AE2 is a dark shade and moderately saturated.
Palette
324AE2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(232,75%,99%) |
#e4e7fb |
rgb(228,231,251) |
hsl(232,75%,94%) |
#ced4f8 |
rgb(206,212,248) |
hsl(232,75%,89%) |
#b8c0f5 |
rgb(184,192,245) |
hsl(232,75%,84%) |
#a1acf2 |
rgb(161,172,242) |
hsl(232,75%,79%) |
#8b98ee |
rgb(139,152,238) |
hsl(232,75%,74%) |
#7584eb |
rgb(117,132,235) |
hsl(232,75%,69%) |
#5e71e8 |
rgb(94,113,232) |
hsl(232,75%,64%) |
#485de5 |
rgb(72,93,229) |
hsl(232,75%,59%) |
#3249e2 |
rgb(50,73,226) |
hsl(232,75%,54%) |
#1f38db |
rgb(31,56,219) |
hsl(232,75%,49%) |
#1c32c4 |
rgb(28,50,196) |
hsl(232,75%,44%) |
#192dae |
rgb(25,45,174) |
hsl(232,75%,39%) |
#162798 |
rgb(22,39,152) |
hsl(232,75%,34%) |
#122181 |
rgb(18,33,129) |
hsl(232,75%,29%) |
#0f1c6b |
rgb(15,28,107) |
hsl(232,75%,24%) |
#0c1655 |
rgb(12,22,85) |
hsl(232,75%,19%) |
#09103e |
rgb(9,16,62) |
hsl(232,75%,14%) |
#060a28 |
rgb(6,10,40) |
hsl(232,75%,9%) |
#030512 |
rgb(3,5,18) |
hsl(232,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#32BFE2 |
rgb(50,191,226) |
hsl(192,75%,54%) |
#324AE2 |
rgb(50,74,226) |
hsl(232,75%,54%) |
#8F33E2 |
rgb(143,51,226) |
hsl(272,75%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7F8FEC |
rgb(127,143,236) |
hsl(231,74%,71%) |
#586BE7 |
rgb(88,107,231) |
hsl(232,75%,63%) |
#324AE2 |
rgb(50,74,226) |
hsl(232,75%,54%) |
#1C36CB |
rgb(28,54,203) |
hsl(231,76%,45%) |
#172BA4 |
rgb(23,43,164) |
hsl(231,75%,37%) |
#11217D |
rgb(17,33,125) |
hsl(231,76%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#324AE2 |
rgb(50,74,226) |
hsl(232,75%,54%) |
#E27332 |
rgb(226,115,50) |
hsl(22,75%,54%) |
#A2E332 |
rgb(162,227,50) |
hsl(82,76%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#324AE2 |
rgb(50,74,226) |
hsl(232,75%,54%) |
#E2C932 |
rgb(226,201,50) |
hsl(51,75%,54%) |
#32A3E2 |
rgb(50,163,226) |
hsl(201,75%,54%) |
#A2E332 |
rgb(162,227,50) |
hsl(82,76%,54%) |