HEX #556EC5 color — Indigo
The color #556EC5 is a dark shade and moderately saturated.
Palette
556EC5 color palette from light to dark
HEX |
RGB |
HSL |
#eceff8 |
rgb(236,239,248) |
hsl(227,49%,95%) |
#d9def2 |
rgb(217,222,242) |
hsl(227,49%,90%) |
#c6ceeb |
rgb(198,206,235) |
hsl(227,49%,85%) |
#b3bee5 |
rgb(179,190,229) |
hsl(227,49%,80%) |
#a0aede |
rgb(160,174,222) |
hsl(227,49%,75%) |
#8d9dd8 |
rgb(141,157,216) |
hsl(227,49%,70%) |
#7a8dd1 |
rgb(122,141,209) |
hsl(227,49%,65%) |
#677dcb |
rgb(103,125,203) |
hsl(227,49%,60%) |
#546cc4 |
rgb(84,108,196) |
hsl(227,49%,55%) |
#415cbe |
rgb(65,92,190) |
hsl(227,49%,50%) |
#3b53ab |
rgb(59,83,171) |
hsl(227,49%,45%) |
#344a98 |
rgb(52,74,152) |
hsl(227,49%,40%) |
#2e4085 |
rgb(46,64,133) |
hsl(227,49%,35%) |
#273772 |
rgb(39,55,114) |
hsl(227,49%,30%) |
#212e5f |
rgb(33,46,95) |
hsl(227,49%,25%) |
#1a254c |
rgb(26,37,76) |
hsl(227,49%,20%) |
#141c39 |
rgb(20,28,57) |
hsl(227,49%,15%) |
#0d1226 |
rgb(13,18,38) |
hsl(227,49%,10%) |
#070913 |
rgb(7,9,19) |
hsl(227,49%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55B8C5 |
rgb(85,184,197) |
hsl(187,49%,55%) |
#556EC5 |
rgb(85,110,197) |
hsl(227,49%,55%) |
#8654C5 |
rgb(134,84,197) |
hsl(267,49%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98A8DB |
rgb(152,168,219) |
hsl(226,48%,73%) |
#768AD0 |
rgb(118,138,208) |
hsl(227,49%,64%) |
#556EC5 |
rgb(85,110,197) |
hsl(227,49%,55%) |
#3C57B0 |
rgb(60,87,176) |
hsl(226,49%,46%) |
#30458E |
rgb(48,69,142) |
hsl(227,49%,37%) |
#25366D |
rgb(37,54,109) |
hsl(226,49%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#556EC5 |
rgb(85,110,197) |
hsl(227,49%,55%) |
#C57355 |
rgb(197,115,85) |
hsl(16,49%,55%) |
#A6C455 |
rgb(166,196,85) |
hsl(76,48%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556EC5 |
rgb(85,110,197) |
hsl(227,49%,55%) |
#C5AB55 |
rgb(197,171,85) |
hsl(46,49%,55%) |
#55A6C5 |
rgb(85,166,197) |
hsl(197,49%,55%) |
#A6C455 |
rgb(166,196,85) |
hsl(76,48%,55%) |