HEX #3A6EC7 color — Indigo
The color #3A6EC7 is a dark shade and moderately saturated.
Palette
3A6EC7 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf0f9 |
rgb(235,240,249) |
hsl(218,56%,95%) |
| #d7e2f4 |
rgb(215,226,244) |
hsl(218,56%,90%) |
| #c3d3ee |
rgb(195,211,238) |
hsl(218,56%,85%) |
| #afc4e9 |
rgb(175,196,233) |
hsl(218,56%,80%) |
| #9cb6e3 |
rgb(156,182,227) |
hsl(218,56%,75%) |
| #88a7dd |
rgb(136,167,221) |
hsl(218,56%,70%) |
| #7498d8 |
rgb(116,152,216) |
hsl(218,56%,65%) |
| #608ad2 |
rgb(96,138,210) |
hsl(218,56%,60%) |
| #4c7bcd |
rgb(76,123,205) |
hsl(218,56%,55%) |
| #386cc7 |
rgb(56,108,199) |
hsl(218,56%,50%) |
| #3262b3 |
rgb(50,98,179) |
hsl(218,56%,45%) |
| #2d579f |
rgb(45,87,159) |
hsl(218,56%,40%) |
| #274c8b |
rgb(39,76,139) |
hsl(218,56%,35%) |
| #224177 |
rgb(34,65,119) |
hsl(218,56%,30%) |
| #1c3663 |
rgb(28,54,99) |
hsl(218,56%,25%) |
| #162b50 |
rgb(22,43,80) |
hsl(218,56%,20%) |
| #11213c |
rgb(17,33,60) |
hsl(218,56%,15%) |
| #0b1628 |
rgb(11,22,40) |
hsl(218,56%,10%) |
| #060b14 |
rgb(6,11,20) |
hsl(218,56%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3AC7C2 |
rgb(58,199,194) |
hsl(178,56%,50%) |
| #3A6EC7 |
rgb(58,110,199) |
hsl(218,56%,50%) |
| #643BC7 |
rgb(100,59,199) |
hsl(258,56%,51%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7A9ED9 |
rgb(122,158,217) |
hsl(217,56%,66%) |
| #5A85D0 |
rgb(90,133,208) |
hsl(218,56%,58%) |
| #3A6EC7 |
rgb(58,110,199) |
hsl(218,56%,50%) |
| #2F5CA8 |
rgb(47,92,168) |
hsl(218,56%,42%) |
| #264A88 |
rgb(38,74,136) |
hsl(218,56%,34%) |
| #1D3868 |
rgb(29,56,104) |
hsl(218,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3A6EC7 |
rgb(58,110,199) |
hsl(218,56%,50%) |
| #C74D3A |
rgb(199,77,58) |
hsl(8,56%,50%) |
| #B4C73A |
rgb(180,199,58) |
hsl(68,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3A6EC7 |
rgb(58,110,199) |
hsl(218,56%,50%) |
| #C7943A |
rgb(199,148,58) |
hsl(38,56%,50%) |
| #3AB5C7 |
rgb(58,181,199) |
hsl(188,56%,50%) |
| #B4C73A |
rgb(180,199,58) |
hsl(68,56%,50%) |
