HEX #3F5CBC color — Indigo
The color #3F5CBC is a dark shade and moderately saturated.
Palette
3F5CBC color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(226,50%,99%) |
#e8ecf7 |
rgb(232,236,247) |
hsl(226,50%,94%) |
#d5dbf1 |
rgb(213,219,241) |
hsl(226,50%,89%) |
#c2cbeb |
rgb(194,203,235) |
hsl(226,50%,84%) |
#afbbe4 |
rgb(175,187,228) |
hsl(226,50%,79%) |
#9cabde |
rgb(156,171,222) |
hsl(226,50%,74%) |
#889bd7 |
rgb(136,155,215) |
hsl(226,50%,69%) |
#758bd1 |
rgb(117,139,209) |
hsl(226,50%,64%) |
#627bcb |
rgb(98,123,203) |
hsl(226,50%,59%) |
#4f6ac4 |
rgb(79,106,196) |
hsl(226,50%,54%) |
#3e5cbb |
rgb(62,92,187) |
hsl(226,50%,49%) |
#3852a8 |
rgb(56,82,168) |
hsl(226,50%,44%) |
#324995 |
rgb(50,73,149) |
hsl(226,50%,39%) |
#2b4082 |
rgb(43,64,130) |
hsl(226,50%,34%) |
#25366f |
rgb(37,54,111) |
hsl(226,50%,29%) |
#1f2d5c |
rgb(31,45,92) |
hsl(226,50%,24%) |
#182449 |
rgb(24,36,73) |
hsl(226,50%,19%) |
#121a36 |
rgb(18,26,54) |
hsl(226,50%,14%) |
#0b1122 |
rgb(11,17,34) |
hsl(226,50%,9%) |
#05070f |
rgb(5,7,15) |
hsl(226,50%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FB0BC |
rgb(63,176,188) |
hsl(186,50%,49%) |
#3F5CBC |
rgb(63,92,188) |
hsl(226,50%,49%) |
#7540BC |
rgb(117,64,188) |
hsl(266,49%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#798FD2 |
rgb(121,143,210) |
hsl(225,50%,65%) |
#5B75C8 |
rgb(91,117,200) |
hsl(226,50%,57%) |
#3F5CBC |
rgb(63,92,188) |
hsl(226,50%,49%) |
#344D9D |
rgb(52,77,157) |
hsl(226,50%,41%) |
#2A407F |
rgb(42,64,127) |
hsl(224,50%,33%) |
#203061 |
rgb(32,48,97) |
hsl(225,50%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F5CBC |
rgb(63,92,188) |
hsl(226,50%,49%) |
#BC613F |
rgb(188,97,63) |
hsl(16,50%,49%) |
#9ABD3F |
rgb(154,189,63) |
hsl(77,50%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5CBC |
rgb(63,92,188) |
hsl(226,50%,49%) |
#BC9E3F |
rgb(188,158,63) |
hsl(46,50%,49%) |
#3F9CBC |
rgb(63,156,188) |
hsl(195,50%,49%) |
#9ABD3F |
rgb(154,189,63) |
hsl(77,50%,49%) |