HEX #3F78C8 color — Indigo
The color #3F78C8 is a dark shade and moderately saturated.
Palette
3F78C8 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(215,55%,97%) |
#dfe9f6 |
rgb(223,233,246) |
hsl(215,55%,92%) |
#ccdbf0 |
rgb(204,219,240) |
hsl(215,55%,87%) |
#b8cdea |
rgb(184,205,234) |
hsl(215,55%,82%) |
#a4bfe5 |
rgb(164,191,229) |
hsl(215,55%,77%) |
#90b1df |
rgb(144,177,223) |
hsl(215,55%,72%) |
#7da3d9 |
rgb(125,163,217) |
hsl(215,55%,67%) |
#6995d3 |
rgb(105,149,211) |
hsl(215,55%,62%) |
#5587ce |
rgb(85,135,206) |
hsl(215,55%,57%) |
#4179c8 |
rgb(65,121,200) |
hsl(215,55%,52%) |
#366dba |
rgb(54,109,186) |
hsl(215,55%,47%) |
#3061a6 |
rgb(48,97,166) |
hsl(215,55%,42%) |
#2a5692 |
rgb(42,86,146) |
hsl(215,55%,37%) |
#254a7e |
rgb(37,74,126) |
hsl(215,55%,32%) |
#1f3f6b |
rgb(31,63,107) |
hsl(215,55%,27%) |
#193357 |
rgb(25,51,87) |
hsl(215,55%,22%) |
#142743 |
rgb(20,39,67) |
hsl(215,55%,17%) |
#0e1c2f |
rgb(14,28,47) |
hsl(215,55%,12%) |
#08101c |
rgb(8,16,28) |
hsl(215,55%,7%) |
#020508 |
rgb(2,5,8) |
hsl(215,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FC7BC |
rgb(63,199,188) |
hsl(175,55%,51%) |
#3F78C8 |
rgb(63,120,200) |
hsl(215,55%,52%) |
#6140C8 |
rgb(97,64,200) |
hsl(255,55%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80A6DA |
rgb(128,166,218) |
hsl(215,55%,68%) |
#5F8FD1 |
rgb(95,143,209) |
hsl(215,55%,60%) |
#3F78C8 |
rgb(63,120,200) |
hsl(215,55%,52%) |
#3163AB |
rgb(49,99,171) |
hsl(215,55%,43%) |
#27528B |
rgb(39,82,139) |
hsl(214,56%,35%) |
#1E3D6A |
rgb(30,61,106) |
hsl(216,56%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F78C8 |
rgb(63,120,200) |
hsl(215,55%,52%) |
#C84A3F |
rgb(200,74,63) |
hsl(5,55%,52%) |
#BCC73F |
rgb(188,199,63) |
hsl(65,55%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F78C8 |
rgb(63,120,200) |
hsl(215,55%,52%) |
#C88F3F |
rgb(200,143,63) |
hsl(35,55%,52%) |
#3FBDC8 |
rgb(63,189,200) |
hsl(185,55%,52%) |
#BCC73F |
rgb(188,199,63) |
hsl(65,55%,51%) |