HEX #3645A7 color — Sapphire
The color #3645A7 is a dark shade and moderately saturated.
Palette
3645A7 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(232,51%,98%) |
#e4e6f6 |
rgb(228,230,246) |
hsl(232,51%,93%) |
#d1d5f0 |
rgb(209,213,240) |
hsl(232,51%,88%) |
#bec3ea |
rgb(190,195,234) |
hsl(232,51%,83%) |
#aab2e4 |
rgb(170,178,228) |
hsl(232,51%,78%) |
#97a0dd |
rgb(151,160,221) |
hsl(232,51%,73%) |
#848fd7 |
rgb(132,143,215) |
hsl(232,51%,68%) |
#717dd1 |
rgb(113,125,209) |
hsl(232,51%,63%) |
#5d6ccb |
rgb(93,108,203) |
hsl(232,51%,58%) |
#4a5ac4 |
rgb(74,90,196) |
hsl(232,51%,53%) |
#3c4db9 |
rgb(60,77,185) |
hsl(232,51%,48%) |
#3645a6 |
rgb(54,69,166) |
hsl(232,51%,43%) |
#2f3d92 |
rgb(47,61,146) |
hsl(232,51%,38%) |
#29357f |
rgb(41,53,127) |
hsl(232,51%,33%) |
#232d6c |
rgb(35,45,108) |
hsl(232,51%,28%) |
#1d2559 |
rgb(29,37,89) |
hsl(232,51%,23%) |
#161d45 |
rgb(22,29,69) |
hsl(232,51%,18%) |
#101532 |
rgb(16,21,50) |
hsl(232,51%,13%) |
#0a0d1f |
rgb(10,13,31) |
hsl(232,51%,8%) |
#04050c |
rgb(4,5,12) |
hsl(232,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3691A7 |
rgb(54,145,167) |
hsl(192,51%,43%) |
#3645A7 |
rgb(54,69,167) |
hsl(232,51%,43%) |
#7236A7 |
rgb(114,54,167) |
hsl(272,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5A69C9 |
rgb(90,105,201) |
hsl(232,51%,57%) |
#3F52C1 |
rgb(63,82,193) |
hsl(231,51%,50%) |
#3645A7 |
rgb(54,69,167) |
hsl(232,51%,43%) |
#2D3B8C |
rgb(45,59,140) |
hsl(231,51%,36%) |
#242E71 |
rgb(36,46,113) |
hsl(232,52%,29%) |
#1C2456 |
rgb(28,36,86) |
hsl(232,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3645A7 |
rgb(54,69,167) |
hsl(232,51%,43%) |
#A75E36 |
rgb(167,94,54) |
hsl(21,51%,43%) |
#7DA636 |
rgb(125,166,54) |
hsl(82,51%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3645A7 |
rgb(54,69,167) |
hsl(232,51%,43%) |
#A79936 |
rgb(167,153,54) |
hsl(53,51%,43%) |
#367DA7 |
rgb(54,125,167) |
hsl(202,51%,43%) |
#7DA636 |
rgb(125,166,54) |
hsl(82,51%,43%) |