HEX #3649A1 color — Sapphire
The color #3649a1 is a dark shade and moderately saturated.
Palette
3649a1 color palette from light to dark
HEX |
RGB |
HSL |
#f4f5fb |
rgb(244,245,251) |
hsl(229,50%,97%) |
#e0e4f5 |
rgb(224,228,245) |
hsl(229,50%,92%) |
#cdd3ee |
rgb(205,211,238) |
hsl(229,50%,87%) |
#bac3e8 |
rgb(186,195,232) |
hsl(229,50%,82%) |
#a7b2e2 |
rgb(167,178,226) |
hsl(229,50%,77%) |
#94a1db |
rgb(148,161,219) |
hsl(229,50%,72%) |
#8190d5 |
rgb(129,144,213) |
hsl(229,50%,67%) |
#6e7fcf |
rgb(110,127,207) |
hsl(229,50%,62%) |
#5b6fc8 |
rgb(91,111,200) |
hsl(229,50%,57%) |
#475ec2 |
rgb(71,94,194) |
hsl(229,50%,52%) |
#3c52b4 |
rgb(60,82,180) |
hsl(229,50%,47%) |
#3649a1 |
rgb(54,73,161) |
hsl(229,50%,42%) |
#2f408e |
rgb(47,64,142) |
hsl(229,50%,37%) |
#29387a |
rgb(41,56,122) |
hsl(229,50%,32%) |
#222f67 |
rgb(34,47,103) |
hsl(229,50%,27%) |
#1c2654 |
rgb(28,38,84) |
hsl(229,50%,22%) |
#161e41 |
rgb(22,30,65) |
hsl(229,50%,17%) |
#0f152e |
rgb(15,21,46) |
hsl(229,50%,12%) |
#090c1b |
rgb(9,12,27) |
hsl(229,50%,7%) |
#030308 |
rgb(3,3,8) |
hsl(229,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3691A1 |
rgb(54,145,161) |
hsl(189,50%,42%) |
#3649A1 |
rgb(54,73,161) |
hsl(229,50%,42%) |
#6A36A1 |
rgb(106,54,161) |
hsl(269,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5569C6 |
rgb(85,105,198) |
hsl(229,50%,55%) |
#3E54BA |
rgb(62,84,186) |
hsl(229,50%,49%) |
#3649A1 |
rgb(54,73,161) |
hsl(229,50%,42%) |
#2D3D87 |
rgb(45,61,135) |
hsl(229,50%,35%) |
#24306D |
rgb(36,48,109) |
hsl(230,50%,28%) |
#1C2653 |
rgb(28,38,83) |
hsl(229,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3649A1 |
rgb(54,73,161) |
hsl(229,50%,42%) |
#A15936 |
rgb(161,89,54) |
hsl(20,50%,42%) |
#7EA136 |
rgb(126,161,54) |
hsl(80,50%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3649A1 |
rgb(54,73,161) |
hsl(229,50%,42%) |
#A18F36 |
rgb(161,143,54) |
hsl(50,50%,42%) |
#3680A1 |
rgb(54,128,161) |
hsl(199,50%,42%) |
#7EA136 |
rgb(126,161,54) |
hsl(80,50%,42%) |