HEX #396BB9 color — Indigo
The color #396BB9 is a dark shade and moderately saturated.
Palette
396BB9 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(217,53%,97%) |
#e0e8f5 |
rgb(224,232,245) |
hsl(217,53%,92%) |
#ccdaef |
rgb(204,218,239) |
hsl(217,53%,87%) |
#b9cbe9 |
rgb(185,203,233) |
hsl(217,53%,82%) |
#a5bde3 |
rgb(165,189,227) |
hsl(217,53%,77%) |
#92afdd |
rgb(146,175,221) |
hsl(217,53%,72%) |
#7ea0d7 |
rgb(126,160,215) |
hsl(217,53%,67%) |
#6b92d1 |
rgb(107,146,209) |
hsl(217,53%,62%) |
#5784cb |
rgb(87,132,203) |
hsl(217,53%,57%) |
#4475c5 |
rgb(68,117,197) |
hsl(217,53%,52%) |
#3869b7 |
rgb(56,105,183) |
hsl(217,53%,47%) |
#325ea4 |
rgb(50,94,164) |
hsl(217,53%,42%) |
#2c5390 |
rgb(44,83,144) |
hsl(217,53%,37%) |
#26487d |
rgb(38,72,125) |
hsl(217,53%,32%) |
#203c69 |
rgb(32,60,105) |
hsl(217,53%,27%) |
#1a3156 |
rgb(26,49,86) |
hsl(217,53%,22%) |
#142642 |
rgb(20,38,66) |
hsl(217,53%,17%) |
#0e1b2f |
rgb(14,27,47) |
hsl(217,53%,12%) |
#08101b |
rgb(8,16,27) |
hsl(217,53%,7%) |
#020408 |
rgb(2,4,8) |
hsl(217,53%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#39BAB1 |
rgb(57,186,177) |
hsl(176,53%,48%) |
#396BB9 |
rgb(57,107,185) |
hsl(217,53%,47%) |
#5C38B9 |
rgb(92,56,185) |
hsl(257,54%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6D94D2 |
rgb(109,148,210) |
hsl(217,53%,63%) |
#4F80C9 |
rgb(79,128,201) |
hsl(216,53%,55%) |
#396BB9 |
rgb(57,107,185) |
hsl(217,53%,47%) |
#2F599B |
rgb(47,89,155) |
hsl(217,53%,40%) |
#264A7D |
rgb(38,74,125) |
hsl(215,53%,32%) |
#1D3860 |
rgb(29,56,96) |
hsl(216,54%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#396BB9 |
rgb(57,107,185) |
hsl(217,53%,47%) |
#B94739 |
rgb(185,71,57) |
hsl(7,53%,47%) |
#ABBA39 |
rgb(171,186,57) |
hsl(67,53%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396BB9 |
rgb(57,107,185) |
hsl(217,53%,47%) |
#B98739 |
rgb(185,135,57) |
hsl(37,53%,47%) |
#39ABB9 |
rgb(57,171,185) |
hsl(187,53%,47%) |
#ABBA39 |
rgb(171,186,57) |
hsl(67,53%,48%) |