HEX #3A78C6 color — Indigo
The color #3A78C6 is a dark shade and moderately saturated.
Palette
3A78C6 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf2f9 |
rgb(235,242,249) |
hsl(213,55%,95%) |
| #d7e4f4 |
rgb(215,228,244) |
hsl(213,55%,90%) |
| #c4d7ee |
rgb(196,215,238) |
hsl(213,55%,85%) |
| #b0c9e8 |
rgb(176,201,232) |
hsl(213,55%,80%) |
| #9cbce2 |
rgb(156,188,226) |
hsl(213,55%,75%) |
| #88aedd |
rgb(136,174,221) |
hsl(213,55%,70%) |
| #75a1d7 |
rgb(117,161,215) |
hsl(213,55%,65%) |
| #6193d1 |
rgb(97,147,209) |
hsl(213,55%,60%) |
| #4d86cb |
rgb(77,134,203) |
hsl(213,55%,55%) |
| #3978c6 |
rgb(57,120,198) |
hsl(213,55%,50%) |
| #346cb2 |
rgb(52,108,178) |
hsl(213,55%,45%) |
| #2e609e |
rgb(46,96,158) |
hsl(213,55%,40%) |
| #28548a |
rgb(40,84,138) |
hsl(213,55%,35%) |
| #224877 |
rgb(34,72,119) |
hsl(213,55%,30%) |
| #1d3c63 |
rgb(29,60,99) |
hsl(213,55%,25%) |
| #17304f |
rgb(23,48,79) |
hsl(213,55%,20%) |
| #11243b |
rgb(17,36,59) |
hsl(213,55%,15%) |
| #0b1828 |
rgb(11,24,40) |
hsl(213,55%,10%) |
| #060c14 |
rgb(6,12,20) |
hsl(213,55%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3AC7B6 |
rgb(58,199,182) |
hsl(173,56%,50%) |
| #3A78C6 |
rgb(58,120,198) |
hsl(213,55%,50%) |
| #593BC6 |
rgb(89,59,198) |
hsl(253,55%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #79A3D8 |
rgb(121,163,216) |
hsl(213,55%,66%) |
| #598FCF |
rgb(89,143,207) |
hsl(213,55%,58%) |
| #3A78C6 |
rgb(58,120,198) |
hsl(213,55%,50%) |
| #3066A6 |
rgb(48,102,166) |
hsl(213,55%,42%) |
| #275287 |
rgb(39,82,135) |
hsl(213,55%,34%) |
| #1D3D67 |
rgb(29,61,103) |
hsl(214,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3A78C6 |
rgb(58,120,198) |
hsl(213,55%,50%) |
| #C6423A |
rgb(198,66,58) |
hsl(3,55%,50%) |
| #BEC73A |
rgb(190,199,58) |
hsl(64,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3A78C6 |
rgb(58,120,198) |
hsl(213,55%,50%) |
| #C6873A |
rgb(198,135,58) |
hsl(33,55%,50%) |
| #3ABFC6 |
rgb(58,191,198) |
hsl(183,55%,50%) |
| #BEC73A |
rgb(190,199,58) |
hsl(64,56%,50%) |
