HEX #3D6EC2 color — Indigo
The color #3D6EC2 is a dark shade and moderately saturated.
Palette
3D6EC2 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f9 |
rgb(236,240,249) |
hsl(218,52%,95%) |
| #d8e2f3 |
rgb(216,226,243) |
hsl(218,52%,90%) |
| #c5d3ed |
rgb(197,211,237) |
hsl(218,52%,85%) |
| #b1c5e7 |
rgb(177,197,231) |
hsl(218,52%,80%) |
| #9eb6e0 |
rgb(158,182,224) |
hsl(218,52%,75%) |
| #8ba8da |
rgb(139,168,218) |
hsl(218,52%,70%) |
| #7799d4 |
rgb(119,153,212) |
hsl(218,52%,65%) |
| #648bce |
rgb(100,139,206) |
hsl(218,52%,60%) |
| #517cc8 |
rgb(81,124,200) |
hsl(218,52%,55%) |
| #3d6ec2 |
rgb(61,110,194) |
hsl(218,52%,50%) |
| #3763ae |
rgb(55,99,174) |
hsl(218,52%,45%) |
| #31589b |
rgb(49,88,155) |
hsl(218,52%,40%) |
| #2b4d88 |
rgb(43,77,136) |
hsl(218,52%,35%) |
| #254274 |
rgb(37,66,116) |
hsl(218,52%,30%) |
| #1f3761 |
rgb(31,55,97) |
hsl(218,52%,25%) |
| #182c4e |
rgb(24,44,78) |
hsl(218,52%,20%) |
| #12213a |
rgb(18,33,58) |
hsl(218,52%,15%) |
| #0c1627 |
rgb(12,22,39) |
hsl(218,52%,10%) |
| #060b13 |
rgb(6,11,19) |
hsl(218,52%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3DC2BD |
rgb(61,194,189) |
hsl(178,52%,50%) |
| #3D6EC2 |
rgb(61,110,194) |
hsl(218,52%,50%) |
| #643DC2 |
rgb(100,61,194) |
hsl(258,52%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7B9CD5 |
rgb(123,156,213) |
hsl(218,52%,66%) |
| #5C85CB |
rgb(92,133,203) |
hsl(218,52%,58%) |
| #3D6EC2 |
rgb(61,110,194) |
hsl(218,52%,50%) |
| #335CA2 |
rgb(51,92,162) |
hsl(218,52%,42%) |
| #294A83 |
rgb(41,74,131) |
hsl(218,52%,34%) |
| #1F3864 |
rgb(31,56,100) |
hsl(218,53%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3D6EC2 |
rgb(61,110,194) |
hsl(218,52%,50%) |
| #C24F3D |
rgb(194,79,61) |
hsl(8,52%,50%) |
| #B0C23D |
rgb(176,194,61) |
hsl(68,52%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3D6EC2 |
rgb(61,110,194) |
hsl(218,52%,50%) |
| #C2913D |
rgb(194,145,61) |
hsl(38,52%,50%) |
| #3DB0C2 |
rgb(61,176,194) |
hsl(188,52%,50%) |
| #B0C23D |
rgb(176,194,61) |
hsl(68,52%,50%) |
