HEX #5C7DCB color — Indigo
The color #5C7DCB is a dark shade and moderately saturated.
Palette
5C7DCB color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(222,52%,98%) |
#e4e9f6 |
rgb(228,233,246) |
hsl(222,52%,93%) |
#d0daf0 |
rgb(208,218,240) |
hsl(222,52%,88%) |
#bdcbea |
rgb(189,203,234) |
hsl(222,52%,83%) |
#aabbe4 |
rgb(170,187,228) |
hsl(222,52%,78%) |
#96acde |
rgb(150,172,222) |
hsl(222,52%,73%) |
#839cd8 |
rgb(131,156,216) |
hsl(222,52%,68%) |
#708dd2 |
rgb(112,141,210) |
hsl(222,52%,63%) |
#5c7ecc |
rgb(92,126,204) |
hsl(222,52%,58%) |
#496ec5 |
rgb(73,110,197) |
hsl(222,52%,53%) |
#3b61ba |
rgb(59,97,186) |
hsl(222,52%,48%) |
#3557a7 |
rgb(53,87,167) |
hsl(222,52%,43%) |
#2f4d93 |
rgb(47,77,147) |
hsl(222,52%,38%) |
#284380 |
rgb(40,67,128) |
hsl(222,52%,33%) |
#22396d |
rgb(34,57,109) |
hsl(222,52%,28%) |
#1c2e59 |
rgb(28,46,89) |
hsl(222,52%,23%) |
#162446 |
rgb(22,36,70) |
hsl(222,52%,18%) |
#101a32 |
rgb(16,26,50) |
hsl(222,52%,13%) |
#0a101f |
rgb(10,16,31) |
hsl(222,52%,8%) |
#04060c |
rgb(4,6,12) |
hsl(222,52%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#5CC7CB |
rgb(92,199,203) |
hsl(182,52%,58%) |
#5C7DCB |
rgb(92,125,203) |
hsl(222,52%,58%) |
#855CCB |
rgb(133,92,203) |
hsl(262,52%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A3B5E1 |
rgb(163,181,225) |
hsl(223,51%,76%) |
#7F99D6 |
rgb(127,153,214) |
hsl(222,51%,67%) |
#5C7DCB |
rgb(92,125,203) |
hsl(222,52%,58%) |
#3B61BB |
rgb(59,97,187) |
hsl(222,52%,48%) |
#304F98 |
rgb(48,79,152) |
hsl(222,52%,39%) |
#253D74 |
rgb(37,61,116) |
hsl(222,52%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5C7DCB |
rgb(92,125,203) |
hsl(222,52%,58%) |
#CB735C |
rgb(203,115,92) |
hsl(12,52%,58%) |
#B4CC5C |
rgb(180,204,92) |
hsl(73,52%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5C7DCB |
rgb(92,125,203) |
hsl(222,52%,58%) |
#CBAB5C |
rgb(203,171,92) |
hsl(43,52%,58%) |
#5CB5CB |
rgb(92,181,203) |
hsl(192,52%,58%) |
#B4CC5C |
rgb(180,204,92) |
hsl(73,52%,58%) |