HEX #5673C3 color — Indigo
The color #5673C3 is a dark shade and moderately saturated.
Palette
5673C3 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 |
#56BDC3 |
rgb(86,189,195) |
hsl(183,48%,55%) |
#5673C3 |
rgb(86,115,195) |
hsl(224,48%,55%) |
#8157C3 |
rgb(129,87,195) |
hsl(263,47%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98ABDA |
rgb(152,171,218) |
hsl(223,47%,73%) |
#778FCE |
rgb(119,143,206) |
hsl(223,47%,64%) |
#5673C3 |
rgb(86,115,195) |
hsl(224,48%,55%) |
#3D5CAE |
rgb(61,92,174) |
hsl(224,48%,46%) |
#324A8D |
rgb(50,74,141) |
hsl(224,48%,37%) |
#26386B |
rgb(38,56,107) |
hsl(224,48%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5673C3 |
rgb(86,115,195) |
hsl(224,48%,55%) |
#C37056 |
rgb(195,112,86) |
hsl(14,48%,55%) |
#A9C256 |
rgb(169,194,86) |
hsl(74,47%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5673C3 |
rgb(86,115,195) |
hsl(224,48%,55%) |
#C3A656 |
rgb(195,166,86) |
hsl(44,48%,55%) |
#56A8C3 |
rgb(86,168,195) |
hsl(195,48%,55%) |
#A9C256 |
rgb(169,194,86) |
hsl(74,47%,55%) |