HEX #3A7AC7 color — Indigo
The color #3A7AC7 is a dark shade and moderately saturated.
Palette
3A7AC7 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf2f9 |
rgb(235,242,249) |
hsl(213,56%,95%) |
| #d7e4f4 |
rgb(215,228,244) |
hsl(213,56%,90%) |
| #c3d7ee |
rgb(195,215,238) |
hsl(213,56%,85%) |
| #afc9e9 |
rgb(175,201,233) |
hsl(213,56%,80%) |
| #9cbce3 |
rgb(156,188,227) |
hsl(213,56%,75%) |
| #88aedd |
rgb(136,174,221) |
hsl(213,56%,70%) |
| #74a1d8 |
rgb(116,161,216) |
hsl(213,56%,65%) |
| #6093d2 |
rgb(96,147,210) |
hsl(213,56%,60%) |
| #4c86cd |
rgb(76,134,205) |
hsl(213,56%,55%) |
| #3878c7 |
rgb(56,120,199) |
hsl(213,56%,50%) |
| #326cb3 |
rgb(50,108,179) |
hsl(213,56%,45%) |
| #2d609f |
rgb(45,96,159) |
hsl(213,56%,40%) |
| #27548b |
rgb(39,84,139) |
hsl(213,56%,35%) |
| #224877 |
rgb(34,72,119) |
hsl(213,56%,30%) |
| #1c3c63 |
rgb(28,60,99) |
hsl(213,56%,25%) |
| #163050 |
rgb(22,48,80) |
hsl(213,56%,20%) |
| #11243c |
rgb(17,36,60) |
hsl(213,56%,15%) |
| #0b1828 |
rgb(11,24,40) |
hsl(213,56%,10%) |
| #060c14 |
rgb(6,12,20) |
hsl(213,56%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3AC7B6 |
rgb(58,199,182) |
hsl(173,56%,50%) |
| #3A7AC7 |
rgb(58,122,199) |
hsl(213,56%,50%) |
| #583BC7 |
rgb(88,59,199) |
hsl(252,56%,51%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7AA6D9 |
rgb(122,166,217) |
hsl(212,56%,66%) |
| #5A8FD0 |
rgb(90,143,208) |
hsl(213,56%,58%) |
| #3A7AC7 |
rgb(58,122,199) |
hsl(213,56%,50%) |
| #2F66A8 |
rgb(47,102,168) |
hsl(213,56%,42%) |
| #265488 |
rgb(38,84,136) |
hsl(212,56%,34%) |
| #1D4068 |
rgb(29,64,104) |
hsl(212,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3A7AC7 |
rgb(58,122,199) |
hsl(213,56%,50%) |
| #C7403A |
rgb(199,64,58) |
hsl(3,56%,50%) |
| #C0C73A |
rgb(192,199,58) |
hsl(63,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3A7AC7 |
rgb(58,122,199) |
hsl(213,56%,50%) |
| #C7873A |
rgb(199,135,58) |
hsl(33,56%,50%) |
| #3ABFC7 |
rgb(58,191,199) |
hsl(183,56%,50%) |
| #C0C73A |
rgb(192,199,58) |
hsl(63,56%,50%) |
