HEX #3C7AC5 color — Indigo
The color #3C7AC5 is a dark shade and moderately saturated.
Palette
3C7AC5 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf2f9 |
rgb(235,242,249) |
hsl(213,54%,95%) |
| #d8e4f3 |
rgb(216,228,243) |
hsl(213,54%,90%) |
| #c4d7ed |
rgb(196,215,237) |
hsl(213,54%,85%) |
| #b0c9e8 |
rgb(176,201,232) |
hsl(213,54%,80%) |
| #9dbce2 |
rgb(157,188,226) |
hsl(213,54%,75%) |
| #89aedc |
rgb(137,174,220) |
hsl(213,54%,70%) |
| #76a1d6 |
rgb(118,161,214) |
hsl(213,54%,65%) |
| #6293d0 |
rgb(98,147,208) |
hsl(213,54%,60%) |
| #4e86ca |
rgb(78,134,202) |
hsl(213,54%,55%) |
| #3b79c4 |
rgb(59,121,196) |
hsl(213,54%,50%) |
| #356db1 |
rgb(53,109,177) |
hsl(213,54%,45%) |
| #2f609d |
rgb(47,96,157) |
hsl(213,54%,40%) |
| #295489 |
rgb(41,84,137) |
hsl(213,54%,35%) |
| #234876 |
rgb(35,72,118) |
hsl(213,54%,30%) |
| #1d3c62 |
rgb(29,60,98) |
hsl(213,54%,25%) |
| #17304f |
rgb(23,48,79) |
hsl(213,54%,20%) |
| #12243b |
rgb(18,36,59) |
hsl(213,54%,15%) |
| #0c1827 |
rgb(12,24,39) |
hsl(213,54%,10%) |
| #060c14 |
rgb(6,12,20) |
hsl(213,54%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3CC4B4 |
rgb(60,196,180) |
hsl(173,54%,50%) |
| #3C7AC5 |
rgb(60,122,197) |
hsl(213,54%,50%) |
| #593DC5 |
rgb(89,61,197) |
hsl(252,54%,51%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7BA6D7 |
rgb(123,166,215) |
hsl(212,53%,66%) |
| #5B8FCE |
rgb(91,143,206) |
hsl(213,54%,58%) |
| #3C7AC5 |
rgb(60,122,197) |
hsl(213,54%,50%) |
| #3166A6 |
rgb(49,102,166) |
hsl(213,54%,42%) |
| #285486 |
rgb(40,84,134) |
hsl(212,54%,34%) |
| #1E4067 |
rgb(30,64,103) |
hsl(212,55%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3C7AC5 |
rgb(60,122,197) |
hsl(213,54%,50%) |
| #C5423C |
rgb(197,66,60) |
hsl(3,54%,50%) |
| #BEC43C |
rgb(190,196,60) |
hsl(63,54%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3C7AC5 |
rgb(60,122,197) |
hsl(213,54%,50%) |
| #C5873C |
rgb(197,135,60) |
hsl(33,54%,50%) |
| #3CBFC5 |
rgb(60,191,197) |
hsl(183,54%,50%) |
| #BEC43C |
rgb(190,196,60) |
hsl(63,54%,50%) |
