HEX #3645A4 color — Sapphire
The color #3645A4 is a dark shade and moderately saturated.
Palette
3645A4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fc |
rgb(247,248,252) |
hsl(232,50%,98%) |
#e4e7f6 |
rgb(228,231,246) |
hsl(232,50%,93%) |
#d1d5f0 |
rgb(209,213,240) |
hsl(232,50%,88%) |
#bec4e9 |
rgb(190,196,233) |
hsl(232,50%,83%) |
#abb2e3 |
rgb(171,178,227) |
hsl(232,50%,78%) |
#98a1dd |
rgb(152,161,221) |
hsl(232,50%,73%) |
#858fd6 |
rgb(133,143,214) |
hsl(232,50%,68%) |
#717ed0 |
rgb(113,126,208) |
hsl(232,50%,63%) |
#5e6dc9 |
rgb(94,109,201) |
hsl(232,50%,58%) |
#4b5bc3 |
rgb(75,91,195) |
hsl(232,50%,53%) |
#3d4eb8 |
rgb(61,78,184) |
hsl(232,50%,48%) |
#3745a4 |
rgb(55,69,164) |
hsl(232,50%,43%) |
#303d91 |
rgb(48,61,145) |
hsl(232,50%,38%) |
#2a357e |
rgb(42,53,126) |
hsl(232,50%,33%) |
#242d6b |
rgb(36,45,107) |
hsl(232,50%,28%) |
#1d2558 |
rgb(29,37,88) |
hsl(232,50%,23%) |
#171d45 |
rgb(23,29,69) |
hsl(232,50%,18%) |
#111532 |
rgb(17,21,50) |
hsl(232,50%,13%) |
#0a0d1f |
rgb(10,13,31) |
hsl(232,50%,8%) |
#04050b |
rgb(4,5,11) |
hsl(232,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#368FA4 |
rgb(54,143,164) |
hsl(191,50%,43%) |
#3645A4 |
rgb(54,69,164) |
hsl(232,50%,43%) |
#7036A4 |
rgb(112,54,164) |
hsl(272,50%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5766C7 |
rgb(87,102,199) |
hsl(232,50%,56%) |
#3E4FBE |
rgb(62,79,190) |
hsl(232,51%,49%) |
#3645A4 |
rgb(54,69,164) |
hsl(232,50%,43%) |
#2D3B89 |
rgb(45,59,137) |
hsl(231,51%,36%) |
#242E6F |
rgb(36,46,111) |
hsl(232,51%,29%) |
#1C2455 |
rgb(28,36,85) |
hsl(232,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3645A4 |
rgb(54,69,164) |
hsl(232,50%,43%) |
#A45E36 |
rgb(164,94,54) |
hsl(22,50%,43%) |
#7CA336 |
rgb(124,163,54) |
hsl(81,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3645A4 |
rgb(54,69,164) |
hsl(232,50%,43%) |
#A49436 |
rgb(164,148,54) |
hsl(51,50%,43%) |
#367DA4 |
rgb(54,125,164) |
hsl(201,50%,43%) |
#7CA336 |
rgb(124,163,54) |
hsl(81,50%,43%) |