HEX #5675C3 color — Indigo
The color #5675C3 is a dark shade and moderately saturated.
Palette
5675C3 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f8 |
rgb(236,240,248) |
hsl(223,48%,95%) |
| #d9e0f2 |
rgb(217,224,242) |
hsl(223,48%,90%) |
| #c6d1eb |
rgb(198,209,235) |
hsl(223,48%,85%) |
| #b4c1e4 |
rgb(180,193,228) |
hsl(223,48%,80%) |
| #a1b2de |
rgb(161,178,222) |
hsl(223,48%,75%) |
| #8ea3d7 |
rgb(142,163,215) |
hsl(223,48%,70%) |
| #7b93d1 |
rgb(123,147,209) |
hsl(223,48%,65%) |
| #6884ca |
rgb(104,132,202) |
hsl(223,48%,60%) |
| #5574c3 |
rgb(85,116,195) |
hsl(223,48%,55%) |
| #4265bd |
rgb(66,101,189) |
hsl(223,48%,50%) |
| #3c5baa |
rgb(60,91,170) |
hsl(223,48%,45%) |
| #355197 |
rgb(53,81,151) |
hsl(223,48%,40%) |
| #2e4784 |
rgb(46,71,132) |
hsl(223,48%,35%) |
| #283d71 |
rgb(40,61,113) |
hsl(223,48%,30%) |
| #21325e |
rgb(33,50,94) |
hsl(223,48%,25%) |
| #1b284b |
rgb(27,40,75) |
hsl(223,48%,20%) |
| #141e39 |
rgb(20,30,57) |
hsl(223,48%,15%) |
| #0d1426 |
rgb(13,20,38) |
hsl(223,48%,10%) |
| #070a13 |
rgb(7,10,19) |
hsl(223,48%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56BDC3 |
rgb(86,189,195) |
hsl(183,48%,55%) |
| #5675C3 |
rgb(86,117,195) |
hsl(223,48%,55%) |
| #7F57C3 |
rgb(127,87,195) |
hsl(262,47%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #98ABDA |
rgb(152,171,218) |
hsl(223,47%,73%) |
| #7791CE |
rgb(119,145,206) |
hsl(222,47%,64%) |
| #5675C3 |
rgb(86,117,195) |
hsl(223,48%,55%) |
| #3D5EAE |
rgb(61,94,174) |
hsl(222,48%,46%) |
| #324D8D |
rgb(50,77,141) |
hsl(222,48%,37%) |
| #263B6B |
rgb(38,59,107) |
hsl(222,48%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5675C3 |
rgb(86,117,195) |
hsl(223,48%,55%) |
| #C36E56 |
rgb(195,110,86) |
hsl(13,48%,55%) |
| #ABC256 |
rgb(171,194,86) |
hsl(73,47%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5675C3 |
rgb(86,117,195) |
hsl(223,48%,55%) |
| #C3A356 |
rgb(195,163,86) |
hsl(42,48%,55%) |
| #56ABC3 |
rgb(86,171,195) |
hsl(193,48%,55%) |
| #ABC256 |
rgb(171,194,86) |
hsl(73,47%,55%) |
