HEX #3A69C7 color — Indigo
The color #3A69C7 is a dark shade and moderately saturated.
Palette
3A69C7 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf0f9 |
rgb(235,240,249) |
hsl(220,56%,95%) |
| #d7e1f4 |
rgb(215,225,244) |
hsl(220,56%,90%) |
| #c3d2ee |
rgb(195,210,238) |
hsl(220,56%,85%) |
| #afc2e9 |
rgb(175,194,233) |
hsl(220,56%,80%) |
| #9cb3e3 |
rgb(156,179,227) |
hsl(220,56%,75%) |
| #88a4dd |
rgb(136,164,221) |
hsl(220,56%,70%) |
| #7495d8 |
rgb(116,149,216) |
hsl(220,56%,65%) |
| #6086d2 |
rgb(96,134,210) |
hsl(220,56%,60%) |
| #4c77cd |
rgb(76,119,205) |
hsl(220,56%,55%) |
| #3868c7 |
rgb(56,104,199) |
hsl(220,56%,50%) |
| #325db3 |
rgb(50,93,179) |
hsl(220,56%,45%) |
| #2d539f |
rgb(45,83,159) |
hsl(220,56%,40%) |
| #27498b |
rgb(39,73,139) |
hsl(220,56%,35%) |
| #223e77 |
rgb(34,62,119) |
hsl(220,56%,30%) |
| #1c3463 |
rgb(28,52,99) |
hsl(220,56%,25%) |
| #162950 |
rgb(22,41,80) |
hsl(220,56%,20%) |
| #111f3c |
rgb(17,31,60) |
hsl(220,56%,15%) |
| #0b1528 |
rgb(11,21,40) |
hsl(220,56%,10%) |
| #060a14 |
rgb(6,10,20) |
hsl(220,56%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3AC7C7 |
rgb(58,199,199) |
hsl(180,56%,50%) |
| #3A69C7 |
rgb(58,105,199) |
hsl(220,56%,50%) |
| #693BC7 |
rgb(105,59,199) |
hsl(260,56%,51%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7A99D9 |
rgb(122,153,217) |
hsl(220,56%,66%) |
| #5A82D0 |
rgb(90,130,208) |
hsl(220,56%,58%) |
| #3A69C7 |
rgb(58,105,199) |
hsl(220,56%,50%) |
| #2F57A8 |
rgb(47,87,168) |
hsl(220,56%,42%) |
| #264788 |
rgb(38,71,136) |
hsl(220,56%,34%) |
| #1D3668 |
rgb(29,54,104) |
hsl(220,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3A69C7 |
rgb(58,105,199) |
hsl(220,56%,50%) |
| #C7523A |
rgb(199,82,58) |
hsl(10,56%,50%) |
| #AFC73A |
rgb(175,199,58) |
hsl(70,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3A69C7 |
rgb(58,105,199) |
hsl(220,56%,50%) |
| #C7993A |
rgb(199,153,58) |
hsl(40,56%,50%) |
| #3AB0C7 |
rgb(58,176,199) |
hsl(190,56%,50%) |
| #AFC73A |
rgb(175,199,58) |
hsl(70,56%,50%) |
