HEX #3F7AC9 color — Indigo
The color #3F7AC9 is a dark shade and moderately saturated.
Palette
3F7AC9 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(214,56%,97%) |
#dfe9f6 |
rgb(223,233,246) |
hsl(214,56%,92%) |
#cbdbf0 |
rgb(203,219,240) |
hsl(214,56%,87%) |
#b7ceeb |
rgb(183,206,235) |
hsl(214,56%,82%) |
#a4c0e5 |
rgb(164,192,229) |
hsl(214,56%,77%) |
#90b2e0 |
rgb(144,178,224) |
hsl(214,56%,72%) |
#7ca5da |
rgb(124,165,218) |
hsl(214,56%,67%) |
#6897d4 |
rgb(104,151,212) |
hsl(214,56%,62%) |
#5489cf |
rgb(84,137,207) |
hsl(214,56%,57%) |
#407bc9 |
rgb(64,123,201) |
hsl(214,56%,52%) |
#356fbb |
rgb(53,111,187) |
hsl(214,56%,47%) |
#2f63a7 |
rgb(47,99,167) |
hsl(214,56%,42%) |
#2a5793 |
rgb(42,87,147) |
hsl(214,56%,37%) |
#244c7f |
rgb(36,76,127) |
hsl(214,56%,32%) |
#1e406b |
rgb(30,64,107) |
hsl(214,56%,27%) |
#193458 |
rgb(25,52,88) |
hsl(214,56%,22%) |
#132844 |
rgb(19,40,68) |
hsl(214,56%,17%) |
#0d1c30 |
rgb(13,28,48) |
hsl(214,56%,12%) |
#08111c |
rgb(8,17,28) |
hsl(214,56%,7%) |
#020508 |
rgb(2,5,8) |
hsl(214,56%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FC9BC |
rgb(63,201,188) |
hsl(174,56%,52%) |
#3F7AC9 |
rgb(63,122,201) |
hsl(214,56%,52%) |
#6040C9 |
rgb(96,64,201) |
hsl(254,56%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80A8DB |
rgb(128,168,219) |
hsl(214,56%,68%) |
#5F91D2 |
rgb(95,145,210) |
hsl(214,56%,60%) |
#3F7AC9 |
rgb(63,122,201) |
hsl(214,56%,52%) |
#3066AD |
rgb(48,102,173) |
hsl(214,57%,43%) |
#27528C |
rgb(39,82,140) |
hsl(214,56%,35%) |
#1E406B |
rgb(30,64,107) |
hsl(214,56%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F7AC9 |
rgb(63,122,201) |
hsl(214,56%,52%) |
#C94A3F |
rgb(201,74,63) |
hsl(5,56%,52%) |
#BFC93F |
rgb(191,201,63) |
hsl(64,56%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F7AC9 |
rgb(63,122,201) |
hsl(214,56%,52%) |
#C98F3F |
rgb(201,143,63) |
hsl(35,56%,52%) |
#3FBFC9 |
rgb(63,191,201) |
hsl(184,56%,52%) |
#BFC93F |
rgb(191,201,63) |
hsl(64,56%,52%) |