HEX #3F6EC9 color — Indigo
The color #3F6EC9 is a dark shade and moderately saturated.
Palette
3F6EC9 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(220,56%,97%) |
#dfe7f6 |
rgb(223,231,246) |
hsl(220,56%,92%) |
#cbd8f0 |
rgb(203,216,240) |
hsl(220,56%,87%) |
#b7c9eb |
rgb(183,201,235) |
hsl(220,56%,82%) |
#a4b9e5 |
rgb(164,185,229) |
hsl(220,56%,77%) |
#90aae0 |
rgb(144,170,224) |
hsl(220,56%,72%) |
#7c9bda |
rgb(124,155,218) |
hsl(220,56%,67%) |
#688cd4 |
rgb(104,140,212) |
hsl(220,56%,62%) |
#547dcf |
rgb(84,125,207) |
hsl(220,56%,57%) |
#406ec9 |
rgb(64,110,201) |
hsl(220,56%,52%) |
#3561bb |
rgb(53,97,187) |
hsl(220,56%,47%) |
#2f57a7 |
rgb(47,87,167) |
hsl(220,56%,42%) |
#2a4d93 |
rgb(42,77,147) |
hsl(220,56%,37%) |
#24427f |
rgb(36,66,127) |
hsl(220,56%,32%) |
#1e386b |
rgb(30,56,107) |
hsl(220,56%,27%) |
#192e58 |
rgb(25,46,88) |
hsl(220,56%,22%) |
#132344 |
rgb(19,35,68) |
hsl(220,56%,17%) |
#0d1930 |
rgb(13,25,48) |
hsl(220,56%,12%) |
#080f1c |
rgb(8,15,28) |
hsl(220,56%,7%) |
#020408 |
rgb(2,4,8) |
hsl(220,56%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FC9C8 |
rgb(63,201,200) |
hsl(180,56%,52%) |
#3F6EC9 |
rgb(63,110,201) |
hsl(220,56%,52%) |
#6C40C9 |
rgb(108,64,201) |
hsl(259,56%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80A1DB |
rgb(128,161,219) |
hsl(218,56%,68%) |
#5F87D2 |
rgb(95,135,210) |
hsl(219,56%,60%) |
#3F6EC9 |
rgb(63,110,201) |
hsl(220,56%,52%) |
#305CAD |
rgb(48,92,173) |
hsl(219,57%,43%) |
#274A8C |
rgb(39,74,140) |
hsl(219,56%,35%) |
#1E386B |
rgb(30,56,107) |
hsl(220,56%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F6EC9 |
rgb(63,110,201) |
hsl(220,56%,52%) |
#C9543F |
rgb(201,84,63) |
hsl(9,56%,52%) |
#B3C93F |
rgb(179,201,63) |
hsl(70,56%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F6EC9 |
rgb(63,110,201) |
hsl(220,56%,52%) |
#C9993F |
rgb(201,153,63) |
hsl(39,56%,52%) |
#3FB3C9 |
rgb(63,179,201) |
hsl(190,56%,52%) |
#B3C93F |
rgb(179,201,63) |
hsl(70,56%,52%) |