HEX #5654D1 color — Indigo
The color #5654D1 is a dark shade and moderately saturated.
Palette
5654D1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f3fc |
rgb(243,243,252) |
hsl(241,58%,97%) |
#dfdff6 |
rgb(223,223,246) |
hsl(241,58%,92%) |
#cbcbf1 |
rgb(203,203,241) |
hsl(241,58%,87%) |
#b7b6ec |
rgb(183,182,236) |
hsl(241,58%,82%) |
#a3a2e6 |
rgb(163,162,230) |
hsl(241,58%,77%) |
#908ee1 |
rgb(144,142,225) |
hsl(241,58%,72%) |
#7c7adc |
rgb(124,122,220) |
hsl(241,58%,67%) |
#6866d6 |
rgb(104,102,214) |
hsl(241,58%,62%) |
#5452d1 |
rgb(84,82,209) |
hsl(241,58%,57%) |
#403ecc |
rgb(64,62,204) |
hsl(241,58%,52%) |
#3532bd |
rgb(53,50,189) |
hsl(241,58%,47%) |
#2f2da9 |
rgb(47,45,169) |
hsl(241,58%,42%) |
#292895 |
rgb(41,40,149) |
hsl(241,58%,37%) |
#242281 |
rgb(36,34,129) |
hsl(241,58%,32%) |
#1e1d6d |
rgb(30,29,109) |
hsl(241,58%,27%) |
#191859 |
rgb(25,24,89) |
hsl(241,58%,22%) |
#131244 |
rgb(19,18,68) |
hsl(241,58%,17%) |
#0d0d30 |
rgb(13,13,48) |
hsl(241,58%,12%) |
#08071c |
rgb(8,7,28) |
hsl(241,58%,7%) |
#020208 |
rgb(2,2,8) |
hsl(241,58%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#54A6D1 |
rgb(84,166,209) |
hsl(201,58%,57%) |
#5654D1 |
rgb(86,84,209) |
hsl(241,58%,57%) |
#A954D1 |
rgb(169,84,209) |
hsl(281,58%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9F9EE4 |
rgb(159,158,228) |
hsl(241,56%,76%) |
#7A78DA |
rgb(122,120,218) |
hsl(241,57%,66%) |
#5654D1 |
rgb(86,84,209) |
hsl(241,58%,57%) |
#3633C1 |
rgb(54,51,193) |
hsl(241,58%,48%) |
#2C2B9D |
rgb(44,43,157) |
hsl(241,57%,39%) |
#212178 |
rgb(33,33,120) |
hsl(240,57%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5654D1 |
rgb(86,84,209) |
hsl(241,58%,57%) |
#D19454 |
rgb(209,148,84) |
hsl(31,58%,57%) |
#90D154 |
rgb(144,209,84) |
hsl(91,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5654D1 |
rgb(86,84,209) |
hsl(241,58%,57%) |
#CFD154 |
rgb(207,209,84) |
hsl(61,58%,57%) |
#5491D1 |
rgb(84,145,209) |
hsl(211,58%,57%) |
#90D154 |
rgb(144,209,84) |
hsl(91,58%,57%) |