HEX #556BD5 color — Indigo
The color #556BD5 is a dark shade and moderately saturated.
Palette
556BD5 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(230,60%,98%) |
#e2e6f8 |
rgb(226,230,248) |
hsl(230,60%,93%) |
#ced4f3 |
rgb(206,212,243) |
hsl(230,60%,88%) |
#bac2ee |
rgb(186,194,238) |
hsl(230,60%,83%) |
#a5b0e9 |
rgb(165,176,233) |
hsl(230,60%,78%) |
#919fe3 |
rgb(145,159,227) |
hsl(230,60%,73%) |
#7c8dde |
rgb(124,141,222) |
hsl(230,60%,68%) |
#687bd9 |
rgb(104,123,217) |
hsl(230,60%,63%) |
#5469d4 |
rgb(84,105,212) |
hsl(230,60%,58%) |
#3f57cf |
rgb(63,87,207) |
hsl(230,60%,53%) |
#3149c4 |
rgb(49,73,196) |
hsl(230,60%,48%) |
#2c42af |
rgb(44,66,175) |
hsl(230,60%,43%) |
#273a9b |
rgb(39,58,155) |
hsl(230,60%,38%) |
#223287 |
rgb(34,50,135) |
hsl(230,60%,33%) |
#1d2b72 |
rgb(29,43,114) |
hsl(230,60%,28%) |
#17235e |
rgb(23,35,94) |
hsl(230,60%,23%) |
#121c49 |
rgb(18,28,73) |
hsl(230,60%,18%) |
#0d1435 |
rgb(13,20,53) |
hsl(230,60%,13%) |
#080c21 |
rgb(8,12,33) |
hsl(230,60%,8%) |
#03050c |
rgb(3,5,12) |
hsl(230,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55BFD5 |
rgb(85,191,213) |
hsl(190,60%,58%) |
#556BD5 |
rgb(85,107,213) |
hsl(230,60%,58%) |
#9454D5 |
rgb(148,84,213) |
hsl(270,61%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A1ADE7 |
rgb(161,173,231) |
hsl(230,59%,77%) |
#7B8CDE |
rgb(123,140,222) |
hsl(230,60%,68%) |
#556BD5 |
rgb(85,107,213) |
hsl(230,60%,58%) |
#314DC8 |
rgb(49,77,200) |
hsl(229,61%,49%) |
#283DA2 |
rgb(40,61,162) |
hsl(230,60%,40%) |
#1E2E7C |
rgb(30,46,124) |
hsl(230,61%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#556BD5 |
rgb(85,107,213) |
hsl(230,60%,58%) |
#D58055 |
rgb(213,128,85) |
hsl(20,60%,58%) |
#ABD655 |
rgb(171,214,85) |
hsl(80,61%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556BD5 |
rgb(85,107,213) |
hsl(230,60%,58%) |
#D5BF55 |
rgb(213,191,85) |
hsl(50,60%,58%) |
#55ABD5 |
rgb(85,171,213) |
hsl(200,60%,58%) |
#ABD655 |
rgb(171,214,85) |
hsl(80,61%,59%) |