HEX #3542A5 color — Sapphire
The color #3542A5 is a dark shade and moderately saturated.
Palette
3542A5 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(233,51%,98%) |
#e4e6f6 |
rgb(228,230,246) |
hsl(233,51%,93%) |
#d1d4f0 |
rgb(209,212,240) |
hsl(233,51%,88%) |
#bec3ea |
rgb(190,195,234) |
hsl(233,51%,83%) |
#aab1e4 |
rgb(170,177,228) |
hsl(233,51%,78%) |
#979fdd |
rgb(151,159,221) |
hsl(233,51%,73%) |
#848dd7 |
rgb(132,141,215) |
hsl(233,51%,68%) |
#717cd1 |
rgb(113,124,209) |
hsl(233,51%,63%) |
#5d6acb |
rgb(93,106,203) |
hsl(233,51%,58%) |
#4a58c4 |
rgb(74,88,196) |
hsl(233,51%,53%) |
#3c4bb9 |
rgb(60,75,185) |
hsl(233,51%,48%) |
#3643a6 |
rgb(54,67,166) |
hsl(233,51%,43%) |
#2f3b92 |
rgb(47,59,146) |
hsl(233,51%,38%) |
#29337f |
rgb(41,51,127) |
hsl(233,51%,33%) |
#232b6c |
rgb(35,43,108) |
hsl(233,51%,28%) |
#1d2459 |
rgb(29,36,89) |
hsl(233,51%,23%) |
#161c45 |
rgb(22,28,69) |
hsl(233,51%,18%) |
#101432 |
rgb(16,20,50) |
hsl(233,51%,13%) |
#0a0c1f |
rgb(10,12,31) |
hsl(233,51%,8%) |
#04050c |
rgb(4,5,12) |
hsl(233,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#358CA5 |
rgb(53,140,165) |
hsl(193,51%,43%) |
#3542A5 |
rgb(53,66,165) |
hsl(233,51%,43%) |
#7236A5 |
rgb(114,54,165) |
hsl(272,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5663C8 |
rgb(86,99,200) |
hsl(233,51%,56%) |
#3D4DBF |
rgb(61,77,191) |
hsl(233,52%,49%) |
#3542A5 |
rgb(53,66,165) |
hsl(233,51%,43%) |
#2C388A |
rgb(44,56,138) |
hsl(232,52%,36%) |
#242E70 |
rgb(36,46,112) |
hsl(232,51%,29%) |
#1B2155 |
rgb(27,33,85) |
hsl(234,52%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3542A5 |
rgb(53,66,165) |
hsl(233,51%,43%) |
#A56135 |
rgb(165,97,53) |
hsl(24,51%,43%) |
#7AA635 |
rgb(122,166,53) |
hsl(83,52%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3542A5 |
rgb(53,66,165) |
hsl(233,51%,43%) |
#A59935 |
rgb(165,153,53) |
hsl(54,51%,43%) |
#357AA5 |
rgb(53,122,165) |
hsl(203,51%,43%) |
#7AA635 |
rgb(122,166,53) |
hsl(83,52%,43%) |