HEX #3645A0 color — Sapphire
The color #3645A0 is a dark shade and moderately saturated.
Palette
3645A0 color palette from light to dark
HEX |
RGB |
HSL |
#f4f5fb |
rgb(244,245,251) |
hsl(232,50%,97%) |
#e0e3f5 |
rgb(224,227,245) |
hsl(232,50%,92%) |
#cdd2ee |
rgb(205,210,238) |
hsl(232,50%,87%) |
#bac0e8 |
rgb(186,192,232) |
hsl(232,50%,82%) |
#a7afe2 |
rgb(167,175,226) |
hsl(232,50%,77%) |
#949ddb |
rgb(148,157,219) |
hsl(232,50%,72%) |
#818cd5 |
rgb(129,140,213) |
hsl(232,50%,67%) |
#6e7bcf |
rgb(110,123,207) |
hsl(232,50%,62%) |
#5b69c8 |
rgb(91,105,200) |
hsl(232,50%,57%) |
#4758c2 |
rgb(71,88,194) |
hsl(232,50%,52%) |
#3c4cb4 |
rgb(60,76,180) |
hsl(232,50%,47%) |
#3644a1 |
rgb(54,68,161) |
hsl(232,50%,42%) |
#2f3c8e |
rgb(47,60,142) |
hsl(232,50%,37%) |
#29347a |
rgb(41,52,122) |
hsl(232,50%,32%) |
#222c67 |
rgb(34,44,103) |
hsl(232,50%,27%) |
#1c2454 |
rgb(28,36,84) |
hsl(232,50%,22%) |
#161b41 |
rgb(22,27,65) |
hsl(232,50%,17%) |
#0f132e |
rgb(15,19,46) |
hsl(232,50%,12%) |
#090b1b |
rgb(9,11,27) |
hsl(232,50%,7%) |
#030308 |
rgb(3,3,8) |
hsl(232,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#368CA0 |
rgb(54,140,160) |
hsl(191,50%,42%) |
#3645A0 |
rgb(54,69,160) |
hsl(232,50%,42%) |
#6D36A0 |
rgb(109,54,160) |
hsl(271,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5466C5 |
rgb(84,102,197) |
hsl(230,49%,55%) |
#3E4FB9 |
rgb(62,79,185) |
hsl(232,50%,48%) |
#3645A0 |
rgb(54,69,160) |
hsl(232,50%,42%) |
#2D3B86 |
rgb(45,59,134) |
hsl(231,50%,35%) |
#242E6C |
rgb(36,46,108) |
hsl(232,50%,28%) |
#1C2453 |
rgb(28,36,83) |
hsl(231,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3645A0 |
rgb(54,69,160) |
hsl(232,50%,42%) |
#A05C36 |
rgb(160,92,54) |
hsl(22,50%,42%) |
#7AA136 |
rgb(122,161,54) |
hsl(82,50%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3645A0 |
rgb(54,69,160) |
hsl(232,50%,42%) |
#A09136 |
rgb(160,145,54) |
hsl(52,50%,42%) |
#367AA0 |
rgb(54,122,160) |
hsl(202,50%,42%) |
#7AA136 |
rgb(122,161,54) |
hsl(82,50%,42%) |