HEX #5C7AC5 color — Indigo
The color #5C7AC5 is a dark shade and moderately saturated.
Palette
5C7AC5 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(223,48%,97%) |
#e1e6f4 |
rgb(225,230,244) |
hsl(223,48%,92%) |
#ced7ee |
rgb(206,215,238) |
hsl(223,48%,87%) |
#bbc8e7 |
rgb(187,200,231) |
hsl(223,48%,82%) |
#a8b8e1 |
rgb(168,184,225) |
hsl(223,48%,77%) |
#95a9da |
rgb(149,169,218) |
hsl(223,48%,72%) |
#8299d3 |
rgb(130,153,211) |
hsl(223,48%,67%) |
#708acd |
rgb(112,138,205) |
hsl(223,48%,62%) |
#5d7bc6 |
rgb(93,123,198) |
hsl(223,48%,57%) |
#4a6bbf |
rgb(74,107,191) |
hsl(223,48%,52%) |
#3e5fb1 |
rgb(62,95,177) |
hsl(223,48%,47%) |
#38559f |
rgb(56,85,159) |
hsl(223,48%,42%) |
#314b8c |
rgb(49,75,140) |
hsl(223,48%,37%) |
#2a4179 |
rgb(42,65,121) |
hsl(223,48%,32%) |
#243766 |
rgb(36,55,102) |
hsl(223,48%,27%) |
#1d2c53 |
rgb(29,44,83) |
hsl(223,48%,22%) |
#172240 |
rgb(23,34,64) |
hsl(223,48%,17%) |
#10182d |
rgb(16,24,45) |
hsl(223,48%,12%) |
#090e1a |
rgb(9,14,26) |
hsl(223,48%,7%) |
#030408 |
rgb(3,4,8) |
hsl(223,48%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5CBFC5 |
rgb(92,191,197) |
hsl(183,48%,57%) |
#5C7AC5 |
rgb(92,122,197) |
hsl(223,48%,57%) |
#845CC5 |
rgb(132,92,197) |
hsl(263,48%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A0B3DD |
rgb(160,179,221) |
hsl(221,47%,75%) |
#7E96D1 |
rgb(126,150,209) |
hsl(223,47%,66%) |
#5C7AC5 |
rgb(92,122,197) |
hsl(223,48%,57%) |
#3F61B3 |
rgb(63,97,179) |
hsl(222,48%,47%) |
#334F90 |
rgb(51,79,144) |
hsl(222,48%,38%) |
#273B6E |
rgb(39,59,110) |
hsl(223,48%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5C7AC5 |
rgb(92,122,197) |
hsl(223,48%,57%) |
#C5735C |
rgb(197,115,92) |
hsl(13,48%,57%) |
#AEC45C |
rgb(174,196,92) |
hsl(73,47%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5C7AC5 |
rgb(92,122,197) |
hsl(223,48%,57%) |
#C5A65C |
rgb(197,166,92) |
hsl(42,48%,57%) |
#5CADC5 |
rgb(92,173,197) |
hsl(194,48%,57%) |
#AEC45C |
rgb(174,196,92) |
hsl(73,47%,56%) |