HEX #5673C4 color — Indigo
The color #5673C4 is a dark shade and moderately saturated.
Palette
5673C4 color palette from light to dark
| HEX |
RGB |
HSL |
| #eceff8 |
rgb(236,239,248) |
hsl(224,48%,95%) |
| #d9e0f2 |
rgb(217,224,242) |
hsl(224,48%,90%) |
| #c6d0eb |
rgb(198,208,235) |
hsl(224,48%,85%) |
| #b4c1e4 |
rgb(180,193,228) |
hsl(224,48%,80%) |
| #a1b1de |
rgb(161,177,222) |
hsl(224,48%,75%) |
| #8ea1d7 |
rgb(142,161,215) |
hsl(224,48%,70%) |
| #7b92d1 |
rgb(123,146,209) |
hsl(224,48%,65%) |
| #6882ca |
rgb(104,130,202) |
hsl(224,48%,60%) |
| #5573c3 |
rgb(85,115,195) |
hsl(224,48%,55%) |
| #4263bd |
rgb(66,99,189) |
hsl(224,48%,50%) |
| #3c59aa |
rgb(60,89,170) |
hsl(224,48%,45%) |
| #354f97 |
rgb(53,79,151) |
hsl(224,48%,40%) |
| #2e4584 |
rgb(46,69,132) |
hsl(224,48%,35%) |
| #283b71 |
rgb(40,59,113) |
hsl(224,48%,30%) |
| #21315e |
rgb(33,49,94) |
hsl(224,48%,25%) |
| #1b284b |
rgb(27,40,75) |
hsl(224,48%,20%) |
| #141e39 |
rgb(20,30,57) |
hsl(224,48%,15%) |
| #0d1426 |
rgb(13,20,38) |
hsl(224,48%,10%) |
| #070a13 |
rgb(7,10,19) |
hsl(224,48%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56BDC4 |
rgb(86,189,196) |
hsl(184,48%,55%) |
| #5673C4 |
rgb(86,115,196) |
hsl(224,48%,55%) |
| #8257C4 |
rgb(130,87,196) |
hsl(264,48%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #98ABDB |
rgb(152,171,219) |
hsl(223,48%,73%) |
| #778FCF |
rgb(119,143,207) |
hsl(224,48%,64%) |
| #5673C4 |
rgb(86,115,196) |
hsl(224,48%,55%) |
| #3D5CAF |
rgb(61,92,175) |
hsl(224,48%,46%) |
| #314A8E |
rgb(49,74,142) |
hsl(224,49%,37%) |
| #25386C |
rgb(37,56,108) |
hsl(224,49%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5673C4 |
rgb(86,115,196) |
hsl(224,48%,55%) |
| #C47056 |
rgb(196,112,86) |
hsl(14,48%,55%) |
| #AAC456 |
rgb(170,196,86) |
hsl(74,48%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5673C4 |
rgb(86,115,196) |
hsl(224,48%,55%) |
| #C4A656 |
rgb(196,166,86) |
hsl(44,48%,55%) |
| #56ABC4 |
rgb(86,171,196) |
hsl(194,48%,55%) |
| #AAC456 |
rgb(170,196,86) |
hsl(74,48%,55%) |
