HEX #556BC4 color — Indigo
The color #556BC4 is a dark shade and moderately saturated.
Palette
556BC4 color palette from light to dark
HEX |
RGB |
HSL |
#eceff8 |
rgb(236,239,248) |
hsl(228,48%,95%) |
#d9def2 |
rgb(217,222,242) |
hsl(228,48%,90%) |
#c6ceeb |
rgb(198,206,235) |
hsl(228,48%,85%) |
#b4bde4 |
rgb(180,189,228) |
hsl(228,48%,80%) |
#a1adde |
rgb(161,173,222) |
hsl(228,48%,75%) |
#8e9cd7 |
rgb(142,156,215) |
hsl(228,48%,70%) |
#7b8cd1 |
rgb(123,140,209) |
hsl(228,48%,65%) |
#687cca |
rgb(104,124,202) |
hsl(228,48%,60%) |
#556bc3 |
rgb(85,107,195) |
hsl(228,48%,55%) |
#425bbd |
rgb(66,91,189) |
hsl(228,48%,50%) |
#3c52aa |
rgb(60,82,170) |
hsl(228,48%,45%) |
#354997 |
rgb(53,73,151) |
hsl(228,48%,40%) |
#2e4084 |
rgb(46,64,132) |
hsl(228,48%,35%) |
#283671 |
rgb(40,54,113) |
hsl(228,48%,30%) |
#212d5e |
rgb(33,45,94) |
hsl(228,48%,25%) |
#1b244b |
rgb(27,36,75) |
hsl(228,48%,20%) |
#141b39 |
rgb(20,27,57) |
hsl(228,48%,15%) |
#0d1226 |
rgb(13,18,38) |
hsl(228,48%,10%) |
#070913 |
rgb(7,9,19) |
hsl(228,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55B5C4 |
rgb(85,181,196) |
hsl(188,48%,55%) |
#556BC4 |
rgb(85,107,196) |
hsl(228,48%,55%) |
#8954C4 |
rgb(137,84,196) |
hsl(268,49%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97A6DB |
rgb(151,166,219) |
hsl(227,49%,73%) |
#7687CF |
rgb(118,135,207) |
hsl(229,48%,64%) |
#556BC4 |
rgb(85,107,196) |
hsl(228,48%,55%) |
#3C54AF |
rgb(60,84,175) |
hsl(227,49%,46%) |
#31458D |
rgb(49,69,141) |
hsl(227,48%,37%) |
#25336C |
rgb(37,51,108) |
hsl(228,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#556BC4 |
rgb(85,107,196) |
hsl(228,48%,55%) |
#C47555 |
rgb(196,117,85) |
hsl(17,48%,55%) |
#A2C455 |
rgb(162,196,85) |
hsl(78,48%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556BC4 |
rgb(85,107,196) |
hsl(228,48%,55%) |
#C4AD55 |
rgb(196,173,85) |
hsl(48,48%,55%) |
#55A3C4 |
rgb(85,163,196) |
hsl(198,48%,55%) |
#A2C455 |
rgb(162,196,85) |
hsl(78,48%,55%) |