HEX #3A5CC7 color — Indigo
The color #3A5CC7 is a dark shade and moderately saturated.
Palette
3A5CC7 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebeef9 |
rgb(235,238,249) |
hsl(226,56%,95%) |
| #d7def4 |
rgb(215,222,244) |
hsl(226,56%,90%) |
| #c3cdee |
rgb(195,205,238) |
hsl(226,56%,85%) |
| #afbde9 |
rgb(175,189,233) |
hsl(226,56%,80%) |
| #9cace3 |
rgb(156,172,227) |
hsl(226,56%,75%) |
| #889cdd |
rgb(136,156,221) |
hsl(226,56%,70%) |
| #748bd8 |
rgb(116,139,216) |
hsl(226,56%,65%) |
| #607bd2 |
rgb(96,123,210) |
hsl(226,56%,60%) |
| #4c6acd |
rgb(76,106,205) |
hsl(226,56%,55%) |
| #3859c7 |
rgb(56,89,199) |
hsl(226,56%,50%) |
| #3250b3 |
rgb(50,80,179) |
hsl(226,56%,45%) |
| #2d489f |
rgb(45,72,159) |
hsl(226,56%,40%) |
| #273f8b |
rgb(39,63,139) |
hsl(226,56%,35%) |
| #223677 |
rgb(34,54,119) |
hsl(226,56%,30%) |
| #1c2d63 |
rgb(28,45,99) |
hsl(226,56%,25%) |
| #162450 |
rgb(22,36,80) |
hsl(226,56%,20%) |
| #111b3c |
rgb(17,27,60) |
hsl(226,56%,15%) |
| #0b1228 |
rgb(11,18,40) |
hsl(226,56%,10%) |
| #060914 |
rgb(6,9,20) |
hsl(226,56%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3ABAC7 |
rgb(58,186,199) |
hsl(186,56%,50%) |
| #3A5CC7 |
rgb(58,92,199) |
hsl(226,56%,50%) |
| #763BC7 |
rgb(118,59,199) |
hsl(265,56%,51%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7A91D9 |
rgb(122,145,217) |
hsl(225,56%,66%) |
| #5A75D0 |
rgb(90,117,208) |
hsl(226,56%,58%) |
| #3A5CC7 |
rgb(58,92,199) |
hsl(226,56%,50%) |
| #2F4DA8 |
rgb(47,77,168) |
hsl(225,56%,42%) |
| #263D88 |
rgb(38,61,136) |
hsl(226,56%,34%) |
| #1D3068 |
rgb(29,48,104) |
hsl(225,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3A5CC7 |
rgb(58,92,199) |
hsl(226,56%,50%) |
| #C75E3A |
rgb(199,94,58) |
hsl(15,56%,50%) |
| #A2C73A |
rgb(162,199,58) |
hsl(76,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3A5CC7 |
rgb(58,92,199) |
hsl(226,56%,50%) |
| #C7A63A |
rgb(199,166,58) |
hsl(46,56%,50%) |
| #3AA3C7 |
rgb(58,163,199) |
hsl(195,56%,50%) |
| #A2C73A |
rgb(162,199,58) |
hsl(76,56%,50%) |
