HEX #3A78C5 color — Indigo
The color #3A78C5 is a dark shade and moderately saturated.
Palette
3A78C5 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 |
| #3AC4B5 |
rgb(58,196,181) |
hsl(173,54%,50%) |
| #3A78C5 |
rgb(58,120,197) |
hsl(213,55%,50%) |
| #583BC5 |
rgb(88,59,197) |
hsl(253,54%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #79A3D7 |
rgb(121,163,215) |
hsl(213,54%,66%) |
| #598FCE |
rgb(89,143,206) |
hsl(212,54%,58%) |
| #3A78C5 |
rgb(58,120,197) |
hsl(213,55%,50%) |
| #3066A5 |
rgb(48,102,165) |
hsl(212,55%,42%) |
| #275285 |
rgb(39,82,133) |
hsl(213,55%,34%) |
| #1E3D66 |
rgb(30,61,102) |
hsl(214,55%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3A78C5 |
rgb(58,120,197) |
hsl(213,55%,50%) |
| #C5423A |
rgb(197,66,58) |
hsl(3,55%,50%) |
| #BDC43A |
rgb(189,196,58) |
hsl(63,54%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3A78C5 |
rgb(58,120,197) |
hsl(213,55%,50%) |
| #C5873A |
rgb(197,135,58) |
hsl(33,55%,50%) |
| #3ABDC5 |
rgb(58,189,197) |
hsl(183,55%,50%) |
| #BDC43A |
rgb(189,196,58) |
hsl(63,54%,50%) |
