HEX #5673C2 color — Indigo
The color #5673C2 is a dark shade and moderately saturated.
Palette
5673C2 color palette from light to dark
| HEX |
RGB |
HSL |
| #eceff8 |
rgb(236,239,248) |
hsl(224,47%,95%) |
| #dae0f1 |
rgb(218,224,241) |
hsl(224,47%,90%) |
| #c7d0eb |
rgb(199,208,235) |
hsl(224,47%,85%) |
| #b4c1e4 |
rgb(180,193,228) |
hsl(224,47%,80%) |
| #a1b1dd |
rgb(161,177,221) |
hsl(224,47%,75%) |
| #8fa2d6 |
rgb(143,162,214) |
hsl(224,47%,70%) |
| #7c92d0 |
rgb(124,146,208) |
hsl(224,47%,65%) |
| #6983c9 |
rgb(105,131,201) |
hsl(224,47%,60%) |
| #5673c2 |
rgb(86,115,194) |
hsl(224,47%,55%) |
| #4464bb |
rgb(68,100,187) |
hsl(224,47%,50%) |
| #3d5aa9 |
rgb(61,90,169) |
hsl(224,47%,45%) |
| #365096 |
rgb(54,80,150) |
hsl(224,47%,40%) |
| #2f4683 |
rgb(47,70,131) |
hsl(224,47%,35%) |
| #293c70 |
rgb(41,60,112) |
hsl(224,47%,30%) |
| #22325e |
rgb(34,50,94) |
hsl(224,47%,25%) |
| #1b284b |
rgb(27,40,75) |
hsl(224,47%,20%) |
| #141e38 |
rgb(20,30,56) |
hsl(224,47%,15%) |
| #0e1425 |
rgb(14,20,37) |
hsl(224,47%,10%) |
| #070a13 |
rgb(7,10,19) |
hsl(224,47%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56BAC2 |
rgb(86,186,194) |
hsl(184,47%,55%) |
| #5673C2 |
rgb(86,115,194) |
hsl(224,47%,55%) |
| #8157C2 |
rgb(129,87,194) |
hsl(264,47%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #97A8D9 |
rgb(151,168,217) |
hsl(225,46%,72%) |
| #768FCD |
rgb(118,143,205) |
hsl(223,47%,63%) |
| #5673C2 |
rgb(86,115,194) |
hsl(224,47%,55%) |
| #3E5CAC |
rgb(62,92,172) |
hsl(224,47%,46%) |
| #324A8B |
rgb(50,74,139) |
hsl(224,47%,37%) |
| #26386A |
rgb(38,56,106) |
hsl(224,47%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5673C2 |
rgb(86,115,194) |
hsl(224,47%,55%) |
| #C27056 |
rgb(194,112,86) |
hsl(14,47%,55%) |
| #A9C256 |
rgb(169,194,86) |
hsl(74,47%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5673C2 |
rgb(86,115,194) |
hsl(224,47%,55%) |
| #C2A656 |
rgb(194,166,86) |
hsl(44,47%,55%) |
| #56A8C2 |
rgb(86,168,194) |
hsl(194,47%,55%) |
| #A9C256 |
rgb(169,194,86) |
hsl(74,47%,55%) |
