HEX #3F7AC8 color — Indigo
The color #3F7AC8 is a dark shade and moderately saturated.
Palette
3F7AC8 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(214,55%,97%) |
#dfe9f6 |
rgb(223,233,246) |
hsl(214,55%,92%) |
#ccdbf0 |
rgb(204,219,240) |
hsl(214,55%,87%) |
#b8ceea |
rgb(184,206,234) |
hsl(214,55%,82%) |
#a4c0e5 |
rgb(164,192,229) |
hsl(214,55%,77%) |
#90b2df |
rgb(144,178,223) |
hsl(214,55%,72%) |
#7da5d9 |
rgb(125,165,217) |
hsl(214,55%,67%) |
#6997d3 |
rgb(105,151,211) |
hsl(214,55%,62%) |
#5589ce |
rgb(85,137,206) |
hsl(214,55%,57%) |
#417cc8 |
rgb(65,124,200) |
hsl(214,55%,52%) |
#366fba |
rgb(54,111,186) |
hsl(214,55%,47%) |
#3063a6 |
rgb(48,99,166) |
hsl(214,55%,42%) |
#2a5792 |
rgb(42,87,146) |
hsl(214,55%,37%) |
#254c7e |
rgb(37,76,126) |
hsl(214,55%,32%) |
#1f406b |
rgb(31,64,107) |
hsl(214,55%,27%) |
#193457 |
rgb(25,52,87) |
hsl(214,55%,22%) |
#142843 |
rgb(20,40,67) |
hsl(214,55%,17%) |
#0e1c2f |
rgb(14,28,47) |
hsl(214,55%,12%) |
#08111c |
rgb(8,17,28) |
hsl(214,55%,7%) |
#020508 |
rgb(2,5,8) |
hsl(214,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FC7BA |
rgb(63,199,186) |
hsl(174,55%,51%) |
#3F7AC8 |
rgb(63,122,200) |
hsl(214,55%,52%) |
#5F40C8 |
rgb(95,64,200) |
hsl(254,55%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80A8DA |
rgb(128,168,218) |
hsl(213,55%,68%) |
#5F91D1 |
rgb(95,145,209) |
hsl(214,55%,60%) |
#3F7AC8 |
rgb(63,122,200) |
hsl(214,55%,52%) |
#3166AB |
rgb(49,102,171) |
hsl(214,55%,43%) |
#27528B |
rgb(39,82,139) |
hsl(214,56%,35%) |
#1E406A |
rgb(30,64,106) |
hsl(213,56%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F7AC8 |
rgb(63,122,200) |
hsl(214,55%,52%) |
#C8473F |
rgb(200,71,63) |
hsl(4,55%,52%) |
#BEC73F |
rgb(190,199,63) |
hsl(64,55%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F7AC8 |
rgb(63,122,200) |
hsl(214,55%,52%) |
#C88C3F |
rgb(200,140,63) |
hsl(34,55%,52%) |
#3FBFC8 |
rgb(63,191,200) |
hsl(184,55%,52%) |
#BEC73F |
rgb(190,199,63) |
hsl(64,55%,51%) |