HEX #554AD2 color — Indigo
The color #554AD2 is a dark shade and moderately saturated.
Palette
554AD2 color palette from light to dark
HEX |
RGB |
HSL |
#f0effb |
rgb(240,239,251) |
hsl(245,60%,96%) |
#dddaf6 |
rgb(221,218,246) |
hsl(245,60%,91%) |
#c9c6f1 |
rgb(201,198,241) |
hsl(245,60%,86%) |
#b6b1ec |
rgb(182,177,236) |
hsl(245,60%,81%) |
#a39de7 |
rgb(163,157,231) |
hsl(245,60%,76%) |
#9089e1 |
rgb(144,137,225) |
hsl(245,60%,71%) |
#7d74dc |
rgb(125,116,220) |
hsl(245,60%,66%) |
#6a60d7 |
rgb(106,96,215) |
hsl(245,60%,61%) |
#574bd2 |
rgb(87,75,210) |
hsl(245,60%,56%) |
#4437cd |
rgb(68,55,205) |
hsl(245,60%,51%) |
#3b2fbc |
rgb(59,47,188) |
hsl(245,60%,46%) |
#342aa7 |
rgb(52,42,167) |
hsl(245,60%,41%) |
#2e2593 |
rgb(46,37,147) |
hsl(245,60%,36%) |
#28207e |
rgb(40,32,126) |
hsl(245,60%,31%) |
#211b6a |
rgb(33,27,106) |
hsl(245,60%,26%) |
#1b1556 |
rgb(27,21,86) |
hsl(245,60%,21%) |
#141041 |
rgb(20,16,65) |
hsl(245,60%,16%) |
#0e0b2d |
rgb(14,11,45) |
hsl(245,60%,11%) |
#080618 |
rgb(8,6,24) |
hsl(245,60%,6%) |
#010104 |
rgb(1,1,4) |
hsl(245,60%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#4A99D2 |
rgb(74,153,210) |
hsl(205,60%,56%) |
#554AD2 |
rgb(85,74,210) |
hsl(245,60%,56%) |
#AF4AD2 |
rgb(175,74,210) |
hsl(285,60%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9994E4 |
rgb(153,148,228) |
hsl(244,60%,74%) |
#776EDB |
rgb(119,110,219) |
hsl(245,60%,65%) |
#554AD2 |
rgb(85,74,210) |
hsl(245,60%,56%) |
#3B30BF |
rgb(59,48,191) |
hsl(245,60%,47%) |
#2F269A |
rgb(47,38,154) |
hsl(245,60%,38%) |
#241F76 |
rgb(36,31,118) |
hsl(243,58%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#554AD2 |
rgb(85,74,210) |
hsl(245,60%,56%) |
#D2994A |
rgb(210,153,74) |
hsl(35,60%,56%) |
#83D14A |
rgb(131,209,74) |
hsl(95,59%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#554AD2 |
rgb(85,74,210) |
hsl(245,60%,56%) |
#C7D14A |
rgb(199,209,74) |
hsl(64,59%,55%) |
#4A82D2 |
rgb(74,130,210) |
hsl(215,60%,56%) |
#83D14A |
rgb(131,209,74) |
hsl(95,59%,55%) |