HEX #3647A1 color — Sapphire
The color #3647A1 is a dark shade and moderately saturated.
Palette
3647A1 color palette from light to dark
HEX |
RGB |
HSL |
#f4f5fb |
rgb(244,245,251) |
hsl(230,50%,97%) |
#e0e4f5 |
rgb(224,228,245) |
hsl(230,50%,92%) |
#cdd3ee |
rgb(205,211,238) |
hsl(230,50%,87%) |
#bac2e8 |
rgb(186,194,232) |
hsl(230,50%,82%) |
#a7b1e2 |
rgb(167,177,226) |
hsl(230,50%,77%) |
#94a0db |
rgb(148,160,219) |
hsl(230,50%,72%) |
#818fd5 |
rgb(129,143,213) |
hsl(230,50%,67%) |
#6e7ecf |
rgb(110,126,207) |
hsl(230,50%,62%) |
#5b6dc8 |
rgb(91,109,200) |
hsl(230,50%,57%) |
#475cc2 |
rgb(71,92,194) |
hsl(230,50%,52%) |
#3c50b4 |
rgb(60,80,180) |
hsl(230,50%,47%) |
#3647a1 |
rgb(54,71,161) |
hsl(230,50%,42%) |
#2f3f8e |
rgb(47,63,142) |
hsl(230,50%,37%) |
#29367a |
rgb(41,54,122) |
hsl(230,50%,32%) |
#222e67 |
rgb(34,46,103) |
hsl(230,50%,27%) |
#1c2554 |
rgb(28,37,84) |
hsl(230,50%,22%) |
#161d41 |
rgb(22,29,65) |
hsl(230,50%,17%) |
#0f142e |
rgb(15,20,46) |
hsl(230,50%,12%) |
#090c1b |
rgb(9,12,27) |
hsl(230,50%,7%) |
#030308 |
rgb(3,3,8) |
hsl(230,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#368FA1 |
rgb(54,143,161) |
hsl(190,50%,42%) |
#3647A1 |
rgb(54,71,161) |
hsl(230,50%,42%) |
#6C36A1 |
rgb(108,54,161) |
hsl(270,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5569C6 |
rgb(85,105,198) |
hsl(229,50%,55%) |
#3E52BA |
rgb(62,82,186) |
hsl(230,50%,49%) |
#3647A1 |
rgb(54,71,161) |
hsl(230,50%,42%) |
#2D3B87 |
rgb(45,59,135) |
hsl(231,50%,35%) |
#24306D |
rgb(36,48,109) |
hsl(230,50%,28%) |
#1C2453 |
rgb(28,36,83) |
hsl(231,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3647A1 |
rgb(54,71,161) |
hsl(230,50%,42%) |
#A15936 |
rgb(161,89,54) |
hsl(20,50%,42%) |
#7CA136 |
rgb(124,161,54) |
hsl(81,50%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3647A1 |
rgb(54,71,161) |
hsl(230,50%,42%) |
#A18F36 |
rgb(161,143,54) |
hsl(50,50%,42%) |
#367DA1 |
rgb(54,125,161) |
hsl(200,50%,42%) |
#7CA136 |
rgb(124,161,54) |
hsl(81,50%,42%) |