HEX #3F69BD color — Indigo
The color #3F69BD is a dark shade and moderately saturated.
Palette
3F69BD 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 |
#3FBDBD |
rgb(63,189,189) |
hsl(180,50%,49%) |
#3F69BD |
rgb(63,105,189) |
hsl(220,50%,49%) |
#6940BD |
rgb(105,64,189) |
hsl(260,49%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7996D2 |
rgb(121,150,210) |
hsl(220,50%,65%) |
#5B80C8 |
rgb(91,128,200) |
hsl(220,50%,57%) |
#3F69BD |
rgb(63,105,189) |
hsl(220,50%,49%) |
#34599E |
rgb(52,89,158) |
hsl(219,50%,41%) |
#2A4780 |
rgb(42,71,128) |
hsl(220,51%,33%) |
#203662 |
rgb(32,54,98) |
hsl(220,51%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F69BD |
rgb(63,105,189) |
hsl(220,50%,49%) |
#BD543F |
rgb(189,84,63) |
hsl(10,50%,49%) |
#A8BD3F |
rgb(168,189,63) |
hsl(70,50%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F69BD |
rgb(63,105,189) |
hsl(220,50%,49%) |
#BD943F |
rgb(189,148,63) |
hsl(40,50%,49%) |
#3FA8BD |
rgb(63,168,189) |
hsl(190,50%,49%) |
#A8BD3F |
rgb(168,189,63) |
hsl(70,50%,49%) |