HEX #3F5EB9 color — Indigo
The color #3F5EB9 is a dark shade and moderately saturated.
Palette
3F5EB9 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(225,49%,99%) |
#e8ecf7 |
rgb(232,236,247) |
hsl(225,49%,94%) |
#d5dcf1 |
rgb(213,220,241) |
hsl(225,49%,89%) |
#c2ccea |
rgb(194,204,234) |
hsl(225,49%,84%) |
#afbce4 |
rgb(175,188,228) |
hsl(225,49%,79%) |
#9cacdd |
rgb(156,172,221) |
hsl(225,49%,74%) |
#899dd7 |
rgb(137,157,215) |
hsl(225,49%,69%) |
#768dd0 |
rgb(118,141,208) |
hsl(225,49%,64%) |
#637dca |
rgb(99,125,202) |
hsl(225,49%,59%) |
#506dc3 |
rgb(80,109,195) |
hsl(225,49%,54%) |
#405eba |
rgb(64,94,186) |
hsl(225,49%,49%) |
#3955a7 |
rgb(57,85,167) |
hsl(225,49%,44%) |
#334b94 |
rgb(51,75,148) |
hsl(225,49%,39%) |
#2c4181 |
rgb(44,65,129) |
hsl(225,49%,34%) |
#26386e |
rgb(38,56,110) |
hsl(225,49%,29%) |
#1f2e5b |
rgb(31,46,91) |
hsl(225,49%,24%) |
#192548 |
rgb(25,37,72) |
hsl(225,49%,19%) |
#121b35 |
rgb(18,27,53) |
hsl(225,49%,14%) |
#0c1122 |
rgb(12,17,34) |
hsl(225,49%,9%) |
#05080f |
rgb(5,8,15) |
hsl(225,49%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FB0B9 |
rgb(63,176,185) |
hsl(184,49%,49%) |
#3F5EB9 |
rgb(63,94,185) |
hsl(225,49%,49%) |
#7140B9 |
rgb(113,64,185) |
hsl(264,49%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#768FD0 |
rgb(118,143,208) |
hsl(223,49%,64%) |
#5975C6 |
rgb(89,117,198) |
hsl(225,49%,56%) |
#3F5EB9 |
rgb(63,94,185) |
hsl(225,49%,49%) |
#344F9B |
rgb(52,79,155) |
hsl(224,50%,41%) |
#2A407D |
rgb(42,64,125) |
hsl(224,50%,33%) |
#203060 |
rgb(32,48,96) |
hsl(225,50%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F5EB9 |
rgb(63,94,185) |
hsl(225,49%,49%) |
#B95C3F |
rgb(185,92,63) |
hsl(14,49%,49%) |
#9BBA3F |
rgb(155,186,63) |
hsl(75,49%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5EB9 |
rgb(63,94,185) |
hsl(225,49%,49%) |
#B9993F |
rgb(185,153,63) |
hsl(44,49%,49%) |
#3F9CB9 |
rgb(63,156,185) |
hsl(194,49%,49%) |
#9BBA3F |
rgb(155,186,63) |
hsl(75,49%,49%) |