HEX #3C78C9 color — Indigo
The color #3C78C9 is a dark shade and moderately saturated.
Palette
3C78C9 color palette from light to dark
HEX |
RGB |
HSL |
#eff4fb |
rgb(239,244,251) |
hsl(214,57%,96%) |
#dbe6f5 |
rgb(219,230,245) |
hsl(214,57%,91%) |
#c7d9f0 |
rgb(199,217,240) |
hsl(214,57%,86%) |
#b3cbea |
rgb(179,203,234) |
hsl(214,57%,81%) |
#9fbde5 |
rgb(159,189,229) |
hsl(214,57%,76%) |
#8bafdf |
rgb(139,175,223) |
hsl(214,57%,71%) |
#77a2da |
rgb(119,162,218) |
hsl(214,57%,66%) |
#6394d4 |
rgb(99,148,212) |
hsl(214,57%,61%) |
#4f86cf |
rgb(79,134,207) |
hsl(214,57%,56%) |
#3b79c9 |
rgb(59,121,201) |
hsl(214,57%,51%) |
#326cb8 |
rgb(50,108,184) |
hsl(214,57%,46%) |
#2d61a4 |
rgb(45,97,164) |
hsl(214,57%,41%) |
#275590 |
rgb(39,85,144) |
hsl(214,57%,36%) |
#22497c |
rgb(34,73,124) |
hsl(214,57%,31%) |
#1d3d68 |
rgb(29,61,104) |
hsl(214,57%,26%) |
#173154 |
rgb(23,49,84) |
hsl(214,57%,21%) |
#122640 |
rgb(18,38,64) |
hsl(214,57%,16%) |
#0c1a2c |
rgb(12,26,44) |
hsl(214,57%,11%) |
#070e18 |
rgb(7,14,24) |
hsl(214,57%,6%) |
#010204 |
rgb(1,2,4) |
hsl(214,57%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CC9BC |
rgb(60,201,188) |
hsl(174,57%,51%) |
#3C78C9 |
rgb(60,120,201) |
hsl(214,57%,51%) |
#5E3DC9 |
rgb(94,61,201) |
hsl(254,56%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7DA6DB |
rgb(125,166,219) |
hsl(214,57%,67%) |
#5C8FD2 |
rgb(92,143,210) |
hsl(214,57%,59%) |
#3C78C9 |
rgb(60,120,201) |
hsl(214,57%,51%) |
#2F63AB |
rgb(47,99,171) |
hsl(215,57%,43%) |
#26528A |
rgb(38,82,138) |
hsl(214,57%,35%) |
#1D3D6A |
rgb(29,61,106) |
hsl(215,57%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C78C9 |
rgb(60,120,201) |
hsl(214,57%,51%) |
#C9473C |
rgb(201,71,60) |
hsl(5,57%,51%) |
#BEC93C |
rgb(190,201,60) |
hsl(65,57%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C78C9 |
rgb(60,120,201) |
hsl(214,57%,51%) |
#C98C3C |
rgb(201,140,60) |
hsl(34,57%,51%) |
#3CBFC9 |
rgb(60,191,201) |
hsl(184,57%,51%) |
#BEC93C |
rgb(190,201,60) |
hsl(65,57%,51%) |