HEX #567AC2 color — Indigo
The color #567AC2 is a dark shade and moderately saturated.
Palette
567AC2 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f8 |
rgb(236,240,248) |
hsl(220,47%,95%) |
| #dae2f1 |
rgb(218,226,241) |
hsl(220,47%,90%) |
| #c7d3eb |
rgb(199,211,235) |
hsl(220,47%,85%) |
| #b4c4e4 |
rgb(180,196,228) |
hsl(220,47%,80%) |
| #a1b5dd |
rgb(161,181,221) |
hsl(220,47%,75%) |
| #8fa7d6 |
rgb(143,167,214) |
hsl(220,47%,70%) |
| #7c98d0 |
rgb(124,152,208) |
hsl(220,47%,65%) |
| #6989c9 |
rgb(105,137,201) |
hsl(220,47%,60%) |
| #567ac2 |
rgb(86,122,194) |
hsl(220,47%,55%) |
| #446cbb |
rgb(68,108,187) |
hsl(220,47%,50%) |
| #3d61a9 |
rgb(61,97,169) |
hsl(220,47%,45%) |
| #365696 |
rgb(54,86,150) |
hsl(220,47%,40%) |
| #2f4b83 |
rgb(47,75,131) |
hsl(220,47%,35%) |
| #294170 |
rgb(41,65,112) |
hsl(220,47%,30%) |
| #22365e |
rgb(34,54,94) |
hsl(220,47%,25%) |
| #1b2b4b |
rgb(27,43,75) |
hsl(220,47%,20%) |
| #142038 |
rgb(20,32,56) |
hsl(220,47%,15%) |
| #0e1625 |
rgb(14,22,37) |
hsl(220,47%,10%) |
| #070b13 |
rgb(7,11,19) |
hsl(220,47%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56C2C2 |
rgb(86,194,194) |
hsl(180,47%,55%) |
| #567AC2 |
rgb(86,122,194) |
hsl(220,47%,55%) |
| #7A57C2 |
rgb(122,87,194) |
hsl(260,47%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #97ADD9 |
rgb(151,173,217) |
hsl(220,46%,72%) |
| #7694CD |
rgb(118,148,205) |
hsl(219,47%,63%) |
| #567AC2 |
rgb(86,122,194) |
hsl(220,47%,55%) |
| #3E63AC |
rgb(62,99,172) |
hsl(220,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 |
| #567AC2 |
rgb(86,122,194) |
hsl(220,47%,55%) |
| #C26956 |
rgb(194,105,86) |
hsl(11,47%,55%) |
| #B0C256 |
rgb(176,194,86) |
hsl(70,47%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #567AC2 |
rgb(86,122,194) |
hsl(220,47%,55%) |
| #C29E56 |
rgb(194,158,86) |
hsl(40,47%,55%) |
| #56B0C2 |
rgb(86,176,194) |
hsl(190,47%,55%) |
| #B0C256 |
rgb(176,194,86) |
hsl(70,47%,55%) |
