HEX #3C78C5 color — Indigo
The color #3C78C5 is a dark shade and moderately saturated.
Palette
3C78C5 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf1f9 |
rgb(235,241,249) |
hsl(214,54%,95%) |
| #d8e4f3 |
rgb(216,228,243) |
hsl(214,54%,90%) |
| #c4d6ed |
rgb(196,214,237) |
hsl(214,54%,85%) |
| #b0c8e8 |
rgb(176,200,232) |
hsl(214,54%,80%) |
| #9dbbe2 |
rgb(157,187,226) |
hsl(214,54%,75%) |
| #89addc |
rgb(137,173,220) |
hsl(214,54%,70%) |
| #769fd6 |
rgb(118,159,214) |
hsl(214,54%,65%) |
| #6292d0 |
rgb(98,146,208) |
hsl(214,54%,60%) |
| #4e84ca |
rgb(78,132,202) |
hsl(214,54%,55%) |
| #3b76c4 |
rgb(59,118,196) |
hsl(214,54%,50%) |
| #356ab1 |
rgb(53,106,177) |
hsl(214,54%,45%) |
| #2f5f9d |
rgb(47,95,157) |
hsl(214,54%,40%) |
| #295389 |
rgb(41,83,137) |
hsl(214,54%,35%) |
| #234776 |
rgb(35,71,118) |
hsl(214,54%,30%) |
| #1d3b62 |
rgb(29,59,98) |
hsl(214,54%,25%) |
| #172f4f |
rgb(23,47,79) |
hsl(214,54%,20%) |
| #12233b |
rgb(18,35,59) |
hsl(214,54%,15%) |
| #0c1827 |
rgb(12,24,39) |
hsl(214,54%,10%) |
| #060c14 |
rgb(6,12,20) |
hsl(214,54%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3CC4B6 |
rgb(60,196,182) |
hsl(174,54%,50%) |
| #3C78C5 |
rgb(60,120,197) |
hsl(214,54%,50%) |
| #5B3DC5 |
rgb(91,61,197) |
hsl(253,54%,51%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7BA3D7 |
rgb(123,163,215) |
hsl(214,53%,66%) |
| #5B8FCE |
rgb(91,143,206) |
hsl(213,54%,58%) |
| #3C78C5 |
rgb(60,120,197) |
hsl(214,54%,50%) |
| #3163A6 |
rgb(49,99,166) |
hsl(214,54%,42%) |
| #285286 |
rgb(40,82,134) |
hsl(213,54%,34%) |
| #1E3D67 |
rgb(30,61,103) |
hsl(215,55%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3C78C5 |
rgb(60,120,197) |
hsl(214,54%,50%) |
| #C5453C |
rgb(197,69,60) |
hsl(4,54%,50%) |
| #BCC43C |
rgb(188,196,60) |
hsl(64,54%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3C78C5 |
rgb(60,120,197) |
hsl(214,54%,50%) |
| #C58A3C |
rgb(197,138,60) |
hsl(34,54%,50%) |
| #3CBDC5 |
rgb(60,189,197) |
hsl(184,54%,50%) |
| #BCC43C |
rgb(188,196,60) |
hsl(64,54%,50%) |
