HEX #3F6BBE color — Indigo
The color #3F6BBE is a dark shade and moderately saturated.
Palette
3F6BBE color palette from light to dark
HEX |
RGB |
HSL |
#ecf0f9 |
rgb(236,240,249) |
hsl(219,50%,95%) |
#d9e2f2 |
rgb(217,226,242) |
hsl(219,50%,90%) |
#c6d3ec |
rgb(198,211,236) |
hsl(219,50%,85%) |
#b3c4e6 |
rgb(179,196,230) |
hsl(219,50%,80%) |
#9fb6df |
rgb(159,182,223) |
hsl(219,50%,75%) |
#8ca7d9 |
rgb(140,167,217) |
hsl(219,50%,70%) |
#7998d2 |
rgb(121,152,210) |
hsl(219,50%,65%) |
#668acc |
rgb(102,138,204) |
hsl(219,50%,60%) |
#537bc6 |
rgb(83,123,198) |
hsl(219,50%,55%) |
#406cbf |
rgb(64,108,191) |
hsl(219,50%,50%) |
#3962ac |
rgb(57,98,172) |
hsl(219,50%,45%) |
#335799 |
rgb(51,87,153) |
hsl(219,50%,40%) |
#2d4c86 |
rgb(45,76,134) |
hsl(219,50%,35%) |
#264173 |
rgb(38,65,115) |
hsl(219,50%,30%) |
#203660 |
rgb(32,54,96) |
hsl(219,50%,25%) |
#1a2b4d |
rgb(26,43,77) |
hsl(219,50%,20%) |
#132139 |
rgb(19,33,57) |
hsl(219,50%,15%) |
#0d1626 |
rgb(13,22,38) |
hsl(219,50%,10%) |
#060b13 |
rgb(6,11,19) |
hsl(219,50%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FBFBC |
rgb(63,191,188) |
hsl(179,50%,50%) |
#3F6BBE |
rgb(63,107,190) |
hsl(219,50%,50%) |
#6740BE |
rgb(103,64,190) |
hsl(259,50%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A99D3 |
rgb(122,153,211) |
hsl(219,50%,65%) |
#5C82C9 |
rgb(92,130,201) |
hsl(219,50%,57%) |
#3F6BBE |
rgb(63,107,190) |
hsl(219,50%,50%) |
#34599F |
rgb(52,89,159) |
hsl(219,51%,41%) |
#2A4A81 |
rgb(42,74,129) |
hsl(218,51%,34%) |
#203862 |
rgb(32,56,98) |
hsl(218,51%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F6BBE |
rgb(63,107,190) |
hsl(219,50%,50%) |
#BE523F |
rgb(190,82,63) |
hsl(9,50%,50%) |
#AABF3F |
rgb(170,191,63) |
hsl(70,50%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F6BBE |
rgb(63,107,190) |
hsl(219,50%,50%) |
#BE913F |
rgb(190,145,63) |
hsl(39,50%,50%) |
#3FABBE |
rgb(63,171,190) |
hsl(189,50%,50%) |
#AABF3F |
rgb(170,191,63) |
hsl(70,50%,50%) |