HEX #556EC2 color — Indigo
The color #556EC2 is a dark shade and moderately saturated.
Palette
556EC2 color palette from light to dark
HEX |
RGB |
HSL |
#eceff8 |
rgb(236,239,248) |
hsl(226,47%,95%) |
#dadff1 |
rgb(218,223,241) |
hsl(226,47%,90%) |
#c7cfeb |
rgb(199,207,235) |
hsl(226,47%,85%) |
#b4bfe4 |
rgb(180,191,228) |
hsl(226,47%,80%) |
#a1afdd |
rgb(161,175,221) |
hsl(226,47%,75%) |
#8f9fd6 |
rgb(143,159,214) |
hsl(226,47%,70%) |
#7c8fd0 |
rgb(124,143,208) |
hsl(226,47%,65%) |
#697fc9 |
rgb(105,127,201) |
hsl(226,47%,60%) |
#566fc2 |
rgb(86,111,194) |
hsl(226,47%,55%) |
#4460bb |
rgb(68,96,187) |
hsl(226,47%,50%) |
#3d56a9 |
rgb(61,86,169) |
hsl(226,47%,45%) |
#364c96 |
rgb(54,76,150) |
hsl(226,47%,40%) |
#2f4383 |
rgb(47,67,131) |
hsl(226,47%,35%) |
#293970 |
rgb(41,57,112) |
hsl(226,47%,30%) |
#22305e |
rgb(34,48,94) |
hsl(226,47%,25%) |
#1b264b |
rgb(27,38,75) |
hsl(226,47%,20%) |
#141d38 |
rgb(20,29,56) |
hsl(226,47%,15%) |
#0e1325 |
rgb(14,19,37) |
hsl(226,47%,10%) |
#070a13 |
rgb(7,10,19) |
hsl(226,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55B8C2 |
rgb(85,184,194) |
hsl(186,47%,55%) |
#556EC2 |
rgb(85,110,194) |
hsl(226,47%,55%) |
#8454C2 |
rgb(132,84,194) |
hsl(266,47%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96A6D9 |
rgb(150,166,217) |
hsl(226,47%,72%) |
#758ACD |
rgb(117,138,205) |
hsl(226,47%,63%) |
#556EC2 |
rgb(85,110,194) |
hsl(226,47%,55%) |
#3D57AC |
rgb(61,87,172) |
hsl(226,48%,46%) |
#32478B |
rgb(50,71,139) |
hsl(226,47%,37%) |
#26366A |
rgb(38,54,106) |
hsl(226,47%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#556EC2 |
rgb(85,110,194) |
hsl(226,47%,55%) |
#C27355 |
rgb(194,115,85) |
hsl(17,47%,55%) |
#A4C255 |
rgb(164,194,85) |
hsl(77,47%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556EC2 |
rgb(85,110,194) |
hsl(226,47%,55%) |
#C2A855 |
rgb(194,168,85) |
hsl(46,47%,55%) |
#55A6C2 |
rgb(85,166,194) |
hsl(195,47%,55%) |
#A4C255 |
rgb(164,194,85) |
hsl(77,47%,55%) |