HEX #3F6BBC color — Indigo
The color #3F6BBC is a dark shade and moderately saturated.
Palette
3F6BBC 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 |
#3FBDB9 |
rgb(63,189,185) |
hsl(178,50%,49%) |
#3F6BBC |
rgb(63,107,188) |
hsl(219,50%,49%) |
#6640BC |
rgb(102,64,188) |
hsl(258,49%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7999D2 |
rgb(121,153,210) |
hsl(218,50%,65%) |
#5B82C8 |
rgb(91,130,200) |
hsl(219,50%,57%) |
#3F6BBC |
rgb(63,107,188) |
hsl(219,50%,49%) |
#34599D |
rgb(52,89,157) |
hsl(219,50%,41%) |
#2A4A7F |
rgb(42,74,127) |
hsl(217,50%,33%) |
#203861 |
rgb(32,56,97) |
hsl(218,50%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F6BBC |
rgb(63,107,188) |
hsl(219,50%,49%) |
#BC523F |
rgb(188,82,63) |
hsl(9,50%,49%) |
#A9BD3F |
rgb(169,189,63) |
hsl(70,50%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F6BBC |
rgb(63,107,188) |
hsl(219,50%,49%) |
#BC8F3F |
rgb(188,143,63) |
hsl(38,50%,49%) |
#3FA8BC |
rgb(63,168,188) |
hsl(190,50%,49%) |
#A9BD3F |
rgb(169,189,63) |
hsl(70,50%,49%) |