HEX #556ED3 color — Indigo
The color #556ED3 is a dark shade and moderately saturated.
Palette
556ED3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(228,59%,98%) |
#e3e7f8 |
rgb(227,231,248) |
hsl(228,59%,93%) |
#ced6f2 |
rgb(206,214,242) |
hsl(228,59%,88%) |
#bac4ed |
rgb(186,196,237) |
hsl(228,59%,83%) |
#a6b3e8 |
rgb(166,179,232) |
hsl(228,59%,78%) |
#92a2e3 |
rgb(146,162,227) |
hsl(228,59%,73%) |
#7d91de |
rgb(125,145,222) |
hsl(228,59%,68%) |
#697fd8 |
rgb(105,127,216) |
hsl(228,59%,63%) |
#556ed3 |
rgb(85,110,211) |
hsl(228,59%,58%) |
#405dce |
rgb(64,93,206) |
hsl(228,59%,53%) |
#324fc3 |
rgb(50,79,195) |
hsl(228,59%,48%) |
#2d47ae |
rgb(45,71,174) |
hsl(228,59%,43%) |
#283f9a |
rgb(40,63,154) |
hsl(228,59%,38%) |
#233686 |
rgb(35,54,134) |
hsl(228,59%,33%) |
#1d2e72 |
rgb(29,46,114) |
hsl(228,59%,28%) |
#18265d |
rgb(24,38,93) |
hsl(228,59%,23%) |
#131e49 |
rgb(19,30,73) |
hsl(228,59%,18%) |
#0e1535 |
rgb(14,21,53) |
hsl(228,59%,13%) |
#080d20 |
rgb(8,13,32) |
hsl(228,59%,8%) |
#03050c |
rgb(3,5,12) |
hsl(228,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55C2D3 |
rgb(85,194,211) |
hsl(188,59%,58%) |
#556ED3 |
rgb(85,110,211) |
hsl(228,59%,58%) |
#9054D3 |
rgb(144,84,211) |
hsl(268,59%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A0ADE6 |
rgb(160,173,230) |
hsl(229,58%,76%) |
#7A8FDC |
rgb(122,143,220) |
hsl(227,58%,67%) |
#556ED3 |
rgb(85,110,211) |
hsl(228,59%,58%) |
#334FC5 |
rgb(51,79,197) |
hsl(228,59%,49%) |
#29409F |
rgb(41,64,159) |
hsl(228,59%,39%) |
#1F307A |
rgb(31,48,122) |
hsl(229,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#556ED3 |
rgb(85,110,211) |
hsl(228,59%,58%) |
#D37A55 |
rgb(211,122,85) |
hsl(18,59%,58%) |
#ADD455 |
rgb(173,212,85) |
hsl(78,60%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556ED3 |
rgb(85,110,211) |
hsl(228,59%,58%) |
#D3BA55 |
rgb(211,186,85) |
hsl(48,59%,58%) |
#55ADD3 |
rgb(85,173,211) |
hsl(198,59%,58%) |
#ADD455 |
rgb(173,212,85) |
hsl(78,60%,58%) |