HEX #5678C1 color — Indigo
The color #5678C1 is a dark shade and moderately saturated.
Palette
5678C1 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f8 |
rgb(236,240,248) |
hsl(221,46%,95%) |
| #dae1f1 |
rgb(218,225,241) |
hsl(221,46%,90%) |
| #c7d2ea |
rgb(199,210,234) |
hsl(221,46%,85%) |
| #b5c3e3 |
rgb(181,195,227) |
hsl(221,46%,80%) |
| #a2b4dd |
rgb(162,180,221) |
hsl(221,46%,75%) |
| #8fa6d6 |
rgb(143,166,214) |
hsl(221,46%,70%) |
| #7d97cf |
rgb(125,151,207) |
hsl(221,46%,65%) |
| #6a88c8 |
rgb(106,136,200) |
hsl(221,46%,60%) |
| #5779c1 |
rgb(87,121,193) |
hsl(221,46%,55%) |
| #456aba |
rgb(69,106,186) |
hsl(221,46%,50%) |
| #3e5fa8 |
rgb(62,95,168) |
hsl(221,46%,45%) |
| #375595 |
rgb(55,85,149) |
hsl(221,46%,40%) |
| #304a82 |
rgb(48,74,130) |
hsl(221,46%,35%) |
| #294070 |
rgb(41,64,112) |
hsl(221,46%,30%) |
| #22355d |
rgb(34,53,93) |
hsl(221,46%,25%) |
| #1c2a4a |
rgb(28,42,74) |
hsl(221,46%,20%) |
| #152038 |
rgb(21,32,56) |
hsl(221,46%,15%) |
| #0e1525 |
rgb(14,21,37) |
hsl(221,46%,10%) |
| #070b13 |
rgb(7,11,19) |
hsl(221,46%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56BFC1 |
rgb(86,191,193) |
hsl(181,46%,55%) |
| #5678C1 |
rgb(86,120,193) |
hsl(221,46%,55%) |
| #7B57C1 |
rgb(123,87,193) |
hsl(260,46%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #97ADD8 |
rgb(151,173,216) |
hsl(220,45%,72%) |
| #7691CC |
rgb(118,145,204) |
hsl(221,46%,63%) |
| #5678C1 |
rgb(86,120,193) |
hsl(221,46%,55%) |
| #3E61AB |
rgb(62,97,171) |
hsl(221,47%,46%) |
| #324F8A |
rgb(50,79,138) |
hsl(220,47%,37%) |
| #263D6A |
rgb(38,61,106) |
hsl(220,47%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5678C1 |
rgb(86,120,193) |
hsl(221,46%,55%) |
| #C16956 |
rgb(193,105,86) |
hsl(11,46%,55%) |
| #ADC256 |
rgb(173,194,86) |
hsl(72,47%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5678C1 |
rgb(86,120,193) |
hsl(221,46%,55%) |
| #C19E56 |
rgb(193,158,86) |
hsl(40,46%,55%) |
| #56ADC1 |
rgb(86,173,193) |
hsl(191,46%,55%) |
| #ADC256 |
rgb(173,194,86) |
hsl(72,47%,55%) |
