HEX #567AC5 color — Indigo
The color #567AC5 is a dark shade and moderately saturated.
Palette
567AC5 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f8 |
rgb(236,240,248) |
hsl(221,49%,95%) |
| #d9e1f2 |
rgb(217,225,242) |
hsl(221,49%,90%) |
| #c6d2eb |
rgb(198,210,235) |
hsl(221,49%,85%) |
| #b3c3e5 |
rgb(179,195,229) |
hsl(221,49%,80%) |
| #a0b4de |
rgb(160,180,222) |
hsl(221,49%,75%) |
| #8da5d8 |
rgb(141,165,216) |
hsl(221,49%,70%) |
| #7a96d1 |
rgb(122,150,209) |
hsl(221,49%,65%) |
| #6787cb |
rgb(103,135,203) |
hsl(221,49%,60%) |
| #5478c4 |
rgb(84,120,196) |
hsl(221,49%,55%) |
| #4169be |
rgb(65,105,190) |
hsl(221,49%,50%) |
| #3b5eab |
rgb(59,94,171) |
hsl(221,49%,45%) |
| #345498 |
rgb(52,84,152) |
hsl(221,49%,40%) |
| #2e4985 |
rgb(46,73,133) |
hsl(221,49%,35%) |
| #273f72 |
rgb(39,63,114) |
hsl(221,49%,30%) |
| #21345f |
rgb(33,52,95) |
hsl(221,49%,25%) |
| #1a2a4c |
rgb(26,42,76) |
hsl(221,49%,20%) |
| #141f39 |
rgb(20,31,57) |
hsl(221,49%,15%) |
| #0d1526 |
rgb(13,21,38) |
hsl(221,49%,10%) |
| #070a13 |
rgb(7,10,19) |
hsl(221,49%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56C4C5 |
rgb(86,196,197) |
hsl(181,49%,55%) |
| #567AC5 |
rgb(86,122,197) |
hsl(221,49%,55%) |
| #7C57C5 |
rgb(124,87,197) |
hsl(260,49%,56%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #99B0DC |
rgb(153,176,220) |
hsl(219,49%,73%) |
| #7794D0 |
rgb(119,148,208) |
hsl(220,49%,64%) |
| #567AC5 |
rgb(86,122,197) |
hsl(221,49%,55%) |
| #3C63B0 |
rgb(60,99,176) |
hsl(220,49%,46%) |
| #314F8F |
rgb(49,79,143) |
hsl(221,49%,38%) |
| #253D6D |
rgb(37,61,109) |
hsl(220,49%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #567AC5 |
rgb(86,122,197) |
hsl(221,49%,55%) |
| #C56956 |
rgb(197,105,86) |
hsl(10,49%,55%) |
| #B1C456 |
rgb(177,196,86) |
hsl(70,48%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #567AC5 |
rgb(86,122,197) |
hsl(221,49%,55%) |
| #C5A156 |
rgb(197,161,86) |
hsl(41,49%,55%) |
| #56B3C5 |
rgb(86,179,197) |
hsl(190,49%,55%) |
| #B1C456 |
rgb(177,196,86) |
hsl(70,48%,55%) |
