HEX #3F69BB color — Indigo
The color #3F69BB is a dark shade and moderately saturated.
Palette
3F69BB color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,50%,99%) |
#e8edf7 |
rgb(232,237,247) |
hsl(220,50%,94%) |
#d5def1 |
rgb(213,222,241) |
hsl(220,50%,89%) |
#c2cfeb |
rgb(194,207,235) |
hsl(220,50%,84%) |
#afc1e4 |
rgb(175,193,228) |
hsl(220,50%,79%) |
#9cb2de |
rgb(156,178,222) |
hsl(220,50%,74%) |
#88a3d7 |
rgb(136,163,215) |
hsl(220,50%,69%) |
#7594d1 |
rgb(117,148,209) |
hsl(220,50%,64%) |
#6285cb |
rgb(98,133,203) |
hsl(220,50%,59%) |
#4f76c4 |
rgb(79,118,196) |
hsl(220,50%,54%) |
#3e68bb |
rgb(62,104,187) |
hsl(220,50%,49%) |
#385ea8 |
rgb(56,94,168) |
hsl(220,50%,44%) |
#325395 |
rgb(50,83,149) |
hsl(220,50%,39%) |
#2b4882 |
rgb(43,72,130) |
hsl(220,50%,34%) |
#253e6f |
rgb(37,62,111) |
hsl(220,50%,29%) |
#1f335c |
rgb(31,51,92) |
hsl(220,50%,24%) |
#182849 |
rgb(24,40,73) |
hsl(220,50%,19%) |
#121e36 |
rgb(18,30,54) |
hsl(220,50%,14%) |
#0b1322 |
rgb(11,19,34) |
hsl(220,50%,9%) |
#05090f |
rgb(5,9,15) |
hsl(220,50%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FBABA |
rgb(63,186,186) |
hsl(180,49%,49%) |
#3F69BB |
rgb(63,105,187) |
hsl(220,50%,49%) |
#6740BB |
rgb(103,64,187) |
hsl(259,49%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7896D1 |
rgb(120,150,209) |
hsl(220,49%,65%) |
#5A80C7 |
rgb(90,128,199) |
hsl(219,49%,57%) |
#3F69BB |
rgb(63,105,187) |
hsl(220,50%,49%) |
#34599D |
rgb(52,89,157) |
hsl(219,50%,41%) |
#2A477F |
rgb(42,71,127) |
hsl(220,50%,33%) |
#203661 |
rgb(32,54,97) |
hsl(220,50%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F69BB |
rgb(63,105,187) |
hsl(220,50%,49%) |
#BB543F |
rgb(187,84,63) |
hsl(10,50%,49%) |
#A7BA3F |
rgb(167,186,63) |
hsl(69,49%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F69BB |
rgb(63,105,187) |
hsl(220,50%,49%) |
#BB913F |
rgb(187,145,63) |
hsl(40,50%,49%) |
#3FA6BB |
rgb(63,166,187) |
hsl(190,50%,49%) |
#A7BA3F |
rgb(167,186,63) |
hsl(69,49%,49%) |