HEX #554AC2 color — Indigo
The color #554AC2 is a dark shade and moderately saturated.
Palette
554AC2 color palette from light to dark
HEX |
RGB |
HSL |
#f8f7fc |
rgb(248,247,252) |
hsl(246,50%,98%) |
#e6e4f6 |
rgb(230,228,246) |
hsl(246,50%,93%) |
#d4d1f0 |
rgb(212,209,240) |
hsl(246,50%,88%) |
#c2bee9 |
rgb(194,190,233) |
hsl(246,50%,83%) |
#b0abe3 |
rgb(176,171,227) |
hsl(246,50%,78%) |
#9f98dd |
rgb(159,152,221) |
hsl(246,50%,73%) |
#8d85d6 |
rgb(141,133,214) |
hsl(246,50%,68%) |
#7b71d0 |
rgb(123,113,208) |
hsl(246,50%,63%) |
#695ec9 |
rgb(105,94,201) |
hsl(246,50%,58%) |
#574bc3 |
rgb(87,75,195) |
hsl(246,50%,53%) |
#493db8 |
rgb(73,61,184) |
hsl(246,50%,48%) |
#4237a4 |
rgb(66,55,164) |
hsl(246,50%,43%) |
#3a3091 |
rgb(58,48,145) |
hsl(246,50%,38%) |
#322a7e |
rgb(50,42,126) |
hsl(246,50%,33%) |
#2b246b |
rgb(43,36,107) |
hsl(246,50%,28%) |
#231d58 |
rgb(35,29,88) |
hsl(246,50%,23%) |
#1c1745 |
rgb(28,23,69) |
hsl(246,50%,18%) |
#141132 |
rgb(20,17,50) |
hsl(246,50%,13%) |
#0c0a1f |
rgb(12,10,31) |
hsl(246,50%,8%) |
#05040b |
rgb(5,4,11) |
hsl(246,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4A8FC2 |
rgb(74,143,194) |
hsl(206,50%,53%) |
#554AC2 |
rgb(85,74,194) |
hsl(246,50%,53%) |
#A54AC2 |
rgb(165,74,194) |
hsl(286,50%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#918AD7 |
rgb(145,138,215) |
hsl(245,49%,69%) |
#736BCC |
rgb(115,107,204) |
hsl(245,49%,61%) |
#554AC2 |
rgb(85,74,194) |
hsl(246,50%,53%) |
#4238A8 |
rgb(66,56,168) |
hsl(245,50%,44%) |
#362E88 |
rgb(54,46,136) |
hsl(245,49%,36%) |
#292468 |
rgb(41,36,104) |
hsl(244,49%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#554AC2 |
rgb(85,74,194) |
hsl(246,50%,53%) |
#C2914A |
rgb(194,145,74) |
hsl(36,50%,53%) |
#7BC24A |
rgb(123,194,74) |
hsl(96,50%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#554AC2 |
rgb(85,74,194) |
hsl(246,50%,53%) |
#B7C24A |
rgb(183,194,74) |
hsl(66,50%,53%) |
#4A7AC2 |
rgb(74,122,194) |
hsl(216,50%,53%) |
#7BC24A |
rgb(123,194,74) |
hsl(96,50%,53%) |