HEX #3F6BC8 color — Indigo
The color #3F6BC8 is a dark shade and moderately saturated.
Palette
3F6BC8 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(221,55%,97%) |
#dfe6f6 |
rgb(223,230,246) |
hsl(221,55%,92%) |
#ccd7f0 |
rgb(204,215,240) |
hsl(221,55%,87%) |
#b8c8ea |
rgb(184,200,234) |
hsl(221,55%,82%) |
#a4b9e5 |
rgb(164,185,229) |
hsl(221,55%,77%) |
#90a9df |
rgb(144,169,223) |
hsl(221,55%,72%) |
#7d9ad9 |
rgb(125,154,217) |
hsl(221,55%,67%) |
#698bd3 |
rgb(105,139,211) |
hsl(221,55%,62%) |
#557bce |
rgb(85,123,206) |
hsl(221,55%,57%) |
#416cc8 |
rgb(65,108,200) |
hsl(221,55%,52%) |
#3660ba |
rgb(54,96,186) |
hsl(221,55%,47%) |
#3056a6 |
rgb(48,86,166) |
hsl(221,55%,42%) |
#2a4b92 |
rgb(42,75,146) |
hsl(221,55%,37%) |
#25417e |
rgb(37,65,126) |
hsl(221,55%,32%) |
#1f376b |
rgb(31,55,107) |
hsl(221,55%,27%) |
#192d57 |
rgb(25,45,87) |
hsl(221,55%,22%) |
#142343 |
rgb(20,35,67) |
hsl(221,55%,17%) |
#0e182f |
rgb(14,24,47) |
hsl(221,55%,12%) |
#080e1c |
rgb(8,14,28) |
hsl(221,55%,7%) |
#020408 |
rgb(2,4,8) |
hsl(221,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FC7C8 |
rgb(63,199,200) |
hsl(180,55%,52%) |
#3F6BC8 |
rgb(63,107,200) |
hsl(221,55%,52%) |
#6E40C8 |
rgb(110,64,200) |
hsl(260,55%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#809EDA |
rgb(128,158,218) |
hsl(220,55%,68%) |
#5F85D1 |
rgb(95,133,209) |
hsl(220,55%,60%) |
#3F6BC8 |
rgb(63,107,200) |
hsl(221,55%,52%) |
#3159AB |
rgb(49,89,171) |
hsl(220,55%,43%) |
#27478B |
rgb(39,71,139) |
hsl(221,56%,35%) |
#1E366A |
rgb(30,54,106) |
hsl(221,56%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F6BC8 |
rgb(63,107,200) |
hsl(221,55%,52%) |
#C8573F |
rgb(200,87,63) |
hsl(11,55%,52%) |
#AFC73F |
rgb(175,199,63) |
hsl(71,55%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F6BC8 |
rgb(63,107,200) |
hsl(221,55%,52%) |
#C89C3F |
rgb(200,156,63) |
hsl(41,55%,52%) |
#3FB0C8 |
rgb(63,176,200) |
hsl(191,55%,52%) |
#AFC73F |
rgb(175,199,63) |
hsl(71,55%,51%) |