HEX #5654D2 color — Indigo
The color #5654D2 is a dark shade and moderately saturated.
Palette
5654D2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f7fd |
rgb(247,247,253) |
hsl(241,58%,98%) |
#e3e3f8 |
rgb(227,227,248) |
hsl(241,58%,93%) |
#cfcff2 |
rgb(207,207,242) |
hsl(241,58%,88%) |
#bbbbed |
rgb(187,187,237) |
hsl(241,58%,83%) |
#a7a6e7 |
rgb(167,166,231) |
hsl(241,58%,78%) |
#9492e2 |
rgb(148,146,226) |
hsl(241,58%,73%) |
#807edd |
rgb(128,126,221) |
hsl(241,58%,68%) |
#6c6ad7 |
rgb(108,106,215) |
hsl(241,58%,63%) |
#5856d2 |
rgb(88,86,210) |
hsl(241,58%,58%) |
#4442cd |
rgb(68,66,205) |
hsl(241,58%,53%) |
#3633c1 |
rgb(54,51,193) |
hsl(241,58%,48%) |
#302ead |
rgb(48,46,173) |
hsl(241,58%,43%) |
#2b2999 |
rgb(43,41,153) |
hsl(241,58%,38%) |
#252385 |
rgb(37,35,133) |
hsl(241,58%,33%) |
#1f1e71 |
rgb(31,30,113) |
hsl(241,58%,28%) |
#1a195d |
rgb(26,25,93) |
hsl(241,58%,23%) |
#141349 |
rgb(20,19,73) |
hsl(241,58%,18%) |
#0f0e34 |
rgb(15,14,52) |
hsl(241,58%,13%) |
#090920 |
rgb(9,9,32) |
hsl(241,58%,8%) |
#03030c |
rgb(3,3,12) |
hsl(241,58%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#54A6D2 |
rgb(84,166,210) |
hsl(201,58%,58%) |
#5654D2 |
rgb(86,84,210) |
hsl(241,58%,58%) |
#AA54D2 |
rgb(170,84,210) |
hsl(281,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9F9EE5 |
rgb(159,158,229) |
hsl(241,58%,76%) |
#7A7ADB |
rgb(122,122,219) |
hsl(240,57%,67%) |
#5654D2 |
rgb(86,84,210) |
hsl(241,58%,58%) |
#3533C3 |
rgb(53,51,195) |
hsl(241,59%,48%) |
#2B299E |
rgb(43,41,158) |
hsl(241,59%,39%) |
#211F79 |
rgb(33,31,121) |
hsl(241,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5654D2 |
rgb(86,84,210) |
hsl(241,58%,58%) |
#D29454 |
rgb(210,148,84) |
hsl(30,58%,58%) |
#91D154 |
rgb(145,209,84) |
hsl(91,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5654D2 |
rgb(86,84,210) |
hsl(241,58%,58%) |
#D0D154 |
rgb(208,209,84) |
hsl(60,58%,57%) |
#5491D2 |
rgb(84,145,210) |
hsl(211,58%,58%) |
#91D154 |
rgb(145,209,84) |
hsl(91,58%,57%) |