HEX #5670C3 color — Indigo
The color #5670C3 is a dark shade and moderately saturated.
Palette
5670C3 color palette from light to dark
| HEX |
RGB |
HSL |
| #eceff8 |
rgb(236,239,248) |
hsl(226,48%,95%) |
| #d9dff2 |
rgb(217,223,242) |
hsl(226,48%,90%) |
| #c6cfeb |
rgb(198,207,235) |
hsl(226,48%,85%) |
| #b4bfe4 |
rgb(180,191,228) |
hsl(226,48%,80%) |
| #a1afde |
rgb(161,175,222) |
hsl(226,48%,75%) |
| #8e9fd7 |
rgb(142,159,215) |
hsl(226,48%,70%) |
| #7b8fd1 |
rgb(123,143,209) |
hsl(226,48%,65%) |
| #687fca |
rgb(104,127,202) |
hsl(226,48%,60%) |
| #556fc3 |
rgb(85,111,195) |
hsl(226,48%,55%) |
| #425fbd |
rgb(66,95,189) |
hsl(226,48%,50%) |
| #3c55aa |
rgb(60,85,170) |
hsl(226,48%,45%) |
| #354c97 |
rgb(53,76,151) |
hsl(226,48%,40%) |
| #2e4284 |
rgb(46,66,132) |
hsl(226,48%,35%) |
| #283971 |
rgb(40,57,113) |
hsl(226,48%,30%) |
| #212f5e |
rgb(33,47,94) |
hsl(226,48%,25%) |
| #1b264b |
rgb(27,38,75) |
hsl(226,48%,20%) |
| #141c39 |
rgb(20,28,57) |
hsl(226,48%,15%) |
| #0d1326 |
rgb(13,19,38) |
hsl(226,48%,10%) |
| #070913 |
rgb(7,9,19) |
hsl(226,48%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56B8C3 |
rgb(86,184,195) |
hsl(186,48%,55%) |
| #5670C3 |
rgb(86,112,195) |
hsl(226,48%,55%) |
| #8457C3 |
rgb(132,87,195) |
hsl(265,47%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #98A8DA |
rgb(152,168,218) |
hsl(225,47%,73%) |
| #778CCE |
rgb(119,140,206) |
hsl(226,47%,64%) |
| #5670C3 |
rgb(86,112,195) |
hsl(226,48%,55%) |
| #3D59AE |
rgb(61,89,174) |
hsl(225,48%,46%) |
| #32478D |
rgb(50,71,141) |
hsl(226,48%,37%) |
| #26386B |
rgb(38,56,107) |
hsl(224,48%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5670C3 |
rgb(86,112,195) |
hsl(226,48%,55%) |
| #C37356 |
rgb(195,115,86) |
hsl(16,48%,55%) |
| #A6C256 |
rgb(166,194,86) |
hsl(76,47%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5670C3 |
rgb(86,112,195) |
hsl(226,48%,55%) |
| #C3A856 |
rgb(195,168,86) |
hsl(45,48%,55%) |
| #56A6C3 |
rgb(86,166,195) |
hsl(196,48%,55%) |
| #A6C256 |
rgb(166,194,86) |
hsl(76,47%,55%) |
