HEX #5673C1 color — Indigo
The color #5673C1 is a dark shade and moderately saturated.
Palette
5673C1 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f8 |
rgb(236,240,248) |
hsl(224,46%,95%) |
| #dae0f1 |
rgb(218,224,241) |
hsl(224,46%,90%) |
| #c7d1ea |
rgb(199,209,234) |
hsl(224,46%,85%) |
| #b5c1e3 |
rgb(181,193,227) |
hsl(224,46%,80%) |
| #a2b2dd |
rgb(162,178,221) |
hsl(224,46%,75%) |
| #8fa2d6 |
rgb(143,162,214) |
hsl(224,46%,70%) |
| #7d93cf |
rgb(125,147,207) |
hsl(224,46%,65%) |
| #6a83c8 |
rgb(106,131,200) |
hsl(224,46%,60%) |
| #5774c1 |
rgb(87,116,193) |
hsl(224,46%,55%) |
| #4564ba |
rgb(69,100,186) |
hsl(224,46%,50%) |
| #3e5aa8 |
rgb(62,90,168) |
hsl(224,46%,45%) |
| #375095 |
rgb(55,80,149) |
hsl(224,46%,40%) |
| #304682 |
rgb(48,70,130) |
hsl(224,46%,35%) |
| #293c70 |
rgb(41,60,112) |
hsl(224,46%,30%) |
| #22325d |
rgb(34,50,93) |
hsl(224,46%,25%) |
| #1c284a |
rgb(28,40,74) |
hsl(224,46%,20%) |
| #151e38 |
rgb(21,30,56) |
hsl(224,46%,15%) |
| #0e1425 |
rgb(14,20,37) |
hsl(224,46%,10%) |
| #070a13 |
rgb(7,10,19) |
hsl(224,46%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56BAC1 |
rgb(86,186,193) |
hsl(184,46%,55%) |
| #5673C1 |
rgb(86,115,193) |
hsl(224,46%,55%) |
| #8057C1 |
rgb(128,87,193) |
hsl(263,46%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #97A8D8 |
rgb(151,168,216) |
hsl(224,45%,72%) |
| #768FCC |
rgb(118,143,204) |
hsl(223,46%,63%) |
| #5673C1 |
rgb(86,115,193) |
hsl(224,46%,55%) |
| #3E5CAB |
rgb(62,92,171) |
hsl(223,47%,46%) |
| #324A8A |
rgb(50,74,138) |
hsl(224,47%,37%) |
| #26386A |
rgb(38,56,106) |
hsl(224,47%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5673C1 |
rgb(86,115,193) |
hsl(224,46%,55%) |
| #C16E56 |
rgb(193,110,86) |
hsl(13,46%,55%) |
| #A8C256 |
rgb(168,194,86) |
hsl(74,47%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5673C1 |
rgb(86,115,193) |
hsl(224,46%,55%) |
| #C1A356 |
rgb(193,163,86) |
hsl(43,46%,55%) |
| #56A8C1 |
rgb(86,168,193) |
hsl(194,46%,55%) |
| #A8C256 |
rgb(168,194,86) |
hsl(74,47%,55%) |
