HEX #5654D0 color — Indigo
The color #5654D0 is a dark shade and moderately saturated.
Palette
5654D0 color palette from light to dark
HEX |
RGB |
HSL |
#f3f3fc |
rgb(243,243,252) |
hsl(241,57%,97%) |
#dfdff6 |
rgb(223,223,246) |
hsl(241,57%,92%) |
#cccbf1 |
rgb(204,203,241) |
hsl(241,57%,87%) |
#b8b7eb |
rgb(184,183,235) |
hsl(241,57%,82%) |
#a4a3e6 |
rgb(164,163,230) |
hsl(241,57%,77%) |
#908fe0 |
rgb(144,143,224) |
hsl(241,57%,72%) |
#7c7bdb |
rgb(124,123,219) |
hsl(241,57%,67%) |
#6967d5 |
rgb(105,103,213) |
hsl(241,57%,62%) |
#5553d0 |
rgb(85,83,208) |
hsl(241,57%,57%) |
#413fca |
rgb(65,63,202) |
hsl(241,57%,52%) |
#3634bc |
rgb(54,52,188) |
hsl(241,57%,47%) |
#302ea8 |
rgb(48,46,168) |
hsl(241,57%,42%) |
#2a2994 |
rgb(42,41,148) |
hsl(241,57%,37%) |
#252380 |
rgb(37,35,128) |
hsl(241,57%,32%) |
#1f1e6c |
rgb(31,30,108) |
hsl(241,57%,27%) |
#191858 |
rgb(25,24,88) |
hsl(241,57%,22%) |
#131344 |
rgb(19,19,68) |
hsl(241,57%,17%) |
#0e0d30 |
rgb(14,13,48) |
hsl(241,57%,12%) |
#08081c |
rgb(8,8,28) |
hsl(241,57%,7%) |
#020208 |
rgb(2,2,8) |
hsl(241,57%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#54A6D0 |
rgb(84,166,208) |
hsl(200,57%,57%) |
#5654D0 |
rgb(86,84,208) |
hsl(241,57%,57%) |
#A854D0 |
rgb(168,84,208) |
hsl(281,57%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9E9EE4 |
rgb(158,158,228) |
hsl(240,56%,76%) |
#7A78DA |
rgb(122,120,218) |
hsl(241,57%,66%) |
#5654D0 |
rgb(86,84,208) |
hsl(241,57%,57%) |
#3736C0 |
rgb(55,54,192) |
hsl(240,56%,48%) |
#2C2B9B |
rgb(44,43,155) |
hsl(241,57%,39%) |
#222177 |
rgb(34,33,119) |
hsl(241,57%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5654D0 |
rgb(86,84,208) |
hsl(241,57%,57%) |
#D09454 |
rgb(208,148,84) |
hsl(31,57%,57%) |
#90D154 |
rgb(144,209,84) |
hsl(91,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5654D0 |
rgb(86,84,208) |
hsl(241,57%,57%) |
#CED154 |
rgb(206,209,84) |
hsl(61,58%,57%) |
#548FD0 |
rgb(84,143,208) |
hsl(211,57%,57%) |
#90D154 |
rgb(144,209,84) |
hsl(91,58%,57%) |