HEX #3A7AC5 color — Indigo
The color #3A7AC5 is a dark shade and moderately saturated.
Palette
3A7AC5 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf2f9 |
rgb(235,242,249) |
hsl(212,55%,95%) |
| #d7e5f4 |
rgb(215,229,244) |
hsl(212,55%,90%) |
| #c4d7ee |
rgb(196,215,238) |
hsl(212,55%,85%) |
| #b0cae8 |
rgb(176,202,232) |
hsl(212,55%,80%) |
| #9cbde2 |
rgb(156,189,226) |
hsl(212,55%,75%) |
| #88b0dd |
rgb(136,176,221) |
hsl(212,55%,70%) |
| #75a2d7 |
rgb(117,162,215) |
hsl(212,55%,65%) |
| #6195d1 |
rgb(97,149,209) |
hsl(212,55%,60%) |
| #4d88cb |
rgb(77,136,203) |
hsl(212,55%,55%) |
| #397bc6 |
rgb(57,123,198) |
hsl(212,55%,50%) |
| #346fb2 |
rgb(52,111,178) |
hsl(212,55%,45%) |
| #2e629e |
rgb(46,98,158) |
hsl(212,55%,40%) |
| #28568a |
rgb(40,86,138) |
hsl(212,55%,35%) |
| #224a77 |
rgb(34,74,119) |
hsl(212,55%,30%) |
| #1d3d63 |
rgb(29,61,99) |
hsl(212,55%,25%) |
| #17314f |
rgb(23,49,79) |
hsl(212,55%,20%) |
| #11253b |
rgb(17,37,59) |
hsl(212,55%,15%) |
| #0b1928 |
rgb(11,25,40) |
hsl(212,55%,10%) |
| #060c14 |
rgb(6,12,20) |
hsl(212,55%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3AC4B3 |
rgb(58,196,179) |
hsl(173,54%,50%) |
| #3A7AC5 |
rgb(58,122,197) |
hsl(212,55%,50%) |
| #563BC5 |
rgb(86,59,197) |
hsl(252,54%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #79A6D7 |
rgb(121,166,215) |
hsl(211,54%,66%) |
| #598FCE |
rgb(89,143,206) |
hsl(212,54%,58%) |
| #3A7AC5 |
rgb(58,122,197) |
hsl(212,55%,50%) |
| #3066A5 |
rgb(48,102,165) |
hsl(212,55%,42%) |
| #275485 |
rgb(39,84,133) |
hsl(211,55%,34%) |
| #1E4066 |
rgb(30,64,102) |
hsl(212,55%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3A7AC5 |
rgb(58,122,197) |
hsl(212,55%,50%) |
| #C5403A |
rgb(197,64,58) |
hsl(3,55%,50%) |
| #BFC43A |
rgb(191,196,58) |
hsl(62,54%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3A7AC5 |
rgb(58,122,197) |
hsl(212,55%,50%) |
| #C5853A |
rgb(197,133,58) |
hsl(32,55%,50%) |
| #3ABFC5 |
rgb(58,191,197) |
hsl(183,55%,50%) |
| #BFC43A |
rgb(191,196,58) |
hsl(62,54%,50%) |
