HEX #3F6BBD color — Indigo
The color #3F6BBD is a dark shade and moderately saturated.
Palette
3F6BBD color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(219,50%,99%) |
#e8edf7 |
rgb(232,237,247) |
hsl(219,50%,94%) |
#d5dff1 |
rgb(213,223,241) |
hsl(219,50%,89%) |
#c2d0eb |
rgb(194,208,235) |
hsl(219,50%,84%) |
#afc1e4 |
rgb(175,193,228) |
hsl(219,50%,79%) |
#9cb3de |
rgb(156,179,222) |
hsl(219,50%,74%) |
#88a4d7 |
rgb(136,164,215) |
hsl(219,50%,69%) |
#7595d1 |
rgb(117,149,209) |
hsl(219,50%,64%) |
#6287cb |
rgb(98,135,203) |
hsl(219,50%,59%) |
#4f78c4 |
rgb(79,120,196) |
hsl(219,50%,54%) |
#3e6abb |
rgb(62,106,187) |
hsl(219,50%,49%) |
#385fa8 |
rgb(56,95,168) |
hsl(219,50%,44%) |
#325595 |
rgb(50,85,149) |
hsl(219,50%,39%) |
#2b4a82 |
rgb(43,74,130) |
hsl(219,50%,34%) |
#253f6f |
rgb(37,63,111) |
hsl(219,50%,29%) |
#1f345c |
rgb(31,52,92) |
hsl(219,50%,24%) |
#182949 |
rgb(24,41,73) |
hsl(219,50%,19%) |
#121e36 |
rgb(18,30,54) |
hsl(219,50%,14%) |
#0b1422 |
rgb(11,20,34) |
hsl(219,50%,9%) |
#05090f |
rgb(5,9,15) |
hsl(219,50%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FBDBB |
rgb(63,189,187) |
hsl(179,50%,49%) |
#3F6BBD |
rgb(63,107,189) |
hsl(219,50%,49%) |
#6740BD |
rgb(103,64,189) |
hsl(259,49%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7999D2 |
rgb(121,153,210) |
hsl(218,50%,65%) |
#5B82C8 |
rgb(91,130,200) |
hsl(219,50%,57%) |
#3F6BBD |
rgb(63,107,189) |
hsl(219,50%,49%) |
#34599E |
rgb(52,89,158) |
hsl(219,50%,41%) |
#2A4A80 |
rgb(42,74,128) |
hsl(218,51%,33%) |
#203862 |
rgb(32,56,98) |
hsl(218,51%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F6BBD |
rgb(63,107,189) |
hsl(219,50%,49%) |
#BD523F |
rgb(189,82,63) |
hsl(9,50%,49%) |
#AABD3F |
rgb(170,189,63) |
hsl(69,50%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F6BBD |
rgb(63,107,189) |
hsl(219,50%,49%) |
#BD913F |
rgb(189,145,63) |
hsl(39,50%,49%) |
#3FABBD |
rgb(63,171,189) |
hsl(189,50%,49%) |
#AABD3F |
rgb(170,189,63) |
hsl(69,50%,49%) |