HEX #5678C2 color — Indigo
The color #5678C2 is a dark shade and moderately saturated.
Palette
5678C2 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f8 |
rgb(236,240,248) |
hsl(221,47%,95%) |
| #dae1f1 |
rgb(218,225,241) |
hsl(221,47%,90%) |
| #c7d2eb |
rgb(199,210,235) |
hsl(221,47%,85%) |
| #b4c3e4 |
rgb(180,195,228) |
hsl(221,47%,80%) |
| #a1b4dd |
rgb(161,180,221) |
hsl(221,47%,75%) |
| #8fa5d6 |
rgb(143,165,214) |
hsl(221,47%,70%) |
| #7c96d0 |
rgb(124,150,208) |
hsl(221,47%,65%) |
| #6987c9 |
rgb(105,135,201) |
hsl(221,47%,60%) |
| #5678c2 |
rgb(86,120,194) |
hsl(221,47%,55%) |
| #446abb |
rgb(68,106,187) |
hsl(221,47%,50%) |
| #3d5fa9 |
rgb(61,95,169) |
hsl(221,47%,45%) |
| #365496 |
rgb(54,84,150) |
hsl(221,47%,40%) |
| #2f4a83 |
rgb(47,74,131) |
hsl(221,47%,35%) |
| #293f70 |
rgb(41,63,112) |
hsl(221,47%,30%) |
| #22355e |
rgb(34,53,94) |
hsl(221,47%,25%) |
| #1b2a4b |
rgb(27,42,75) |
hsl(221,47%,20%) |
| #142038 |
rgb(20,32,56) |
hsl(221,47%,15%) |
| #0e1525 |
rgb(14,21,37) |
hsl(221,47%,10%) |
| #070b13 |
rgb(7,11,19) |
hsl(221,47%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56BFC2 |
rgb(86,191,194) |
hsl(182,47%,55%) |
| #5678C2 |
rgb(86,120,194) |
hsl(221,47%,55%) |
| #7C57C2 |
rgb(124,87,194) |
hsl(261,47%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #97ADD9 |
rgb(151,173,217) |
hsl(220,46%,72%) |
| #7691CD |
rgb(118,145,205) |
hsl(221,47%,63%) |
| #5678C2 |
rgb(86,120,194) |
hsl(221,47%,55%) |
| #3E61AC |
rgb(62,97,172) |
hsl(221,47%,46%) |
| #324F8B |
rgb(50,79,139) |
hsl(220,47%,37%) |
| #263D6A |
rgb(38,61,106) |
hsl(220,47%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5678C2 |
rgb(86,120,194) |
hsl(221,47%,55%) |
| #C26B56 |
rgb(194,107,86) |
hsl(12,47%,55%) |
| #AEC256 |
rgb(174,194,86) |
hsl(71,47%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5678C2 |
rgb(86,120,194) |
hsl(221,47%,55%) |
| #C2A156 |
rgb(194,161,86) |
hsl(42,47%,55%) |
| #56ADC2 |
rgb(86,173,194) |
hsl(192,47%,55%) |
| #AEC256 |
rgb(174,194,86) |
hsl(71,47%,55%) |
