HEX #5B7DC6 color — Indigo
The color #5B7DC6 is a dark shade and moderately saturated.
Palette
5B7DC6 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(221,48%,97%) |
#e1e7f4 |
rgb(225,231,244) |
hsl(221,48%,92%) |
#ced8ee |
rgb(206,216,238) |
hsl(221,48%,87%) |
#bbc9e7 |
rgb(187,201,231) |
hsl(221,48%,82%) |
#a8bae1 |
rgb(168,186,225) |
hsl(221,48%,77%) |
#95abda |
rgb(149,171,218) |
hsl(221,48%,72%) |
#829cd3 |
rgb(130,156,211) |
hsl(221,48%,67%) |
#708dcd |
rgb(112,141,205) |
hsl(221,48%,62%) |
#5d7ec6 |
rgb(93,126,198) |
hsl(221,48%,57%) |
#4a6fbf |
rgb(74,111,191) |
hsl(221,48%,52%) |
#3e63b1 |
rgb(62,99,177) |
hsl(221,48%,47%) |
#38589f |
rgb(56,88,159) |
hsl(221,48%,42%) |
#314e8c |
rgb(49,78,140) |
hsl(221,48%,37%) |
#2a4379 |
rgb(42,67,121) |
hsl(221,48%,32%) |
#243966 |
rgb(36,57,102) |
hsl(221,48%,27%) |
#1d2e53 |
rgb(29,46,83) |
hsl(221,48%,22%) |
#172440 |
rgb(23,36,64) |
hsl(221,48%,17%) |
#10192d |
rgb(16,25,45) |
hsl(221,48%,12%) |
#090f1a |
rgb(9,15,26) |
hsl(221,48%,7%) |
#030408 |
rgb(3,4,8) |
hsl(221,48%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BC4C6 |
rgb(91,196,198) |
hsl(181,48%,57%) |
#5B7DC6 |
rgb(91,125,198) |
hsl(221,48%,57%) |
#805CC6 |
rgb(128,92,198) |
hsl(260,48%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FB3DD |
rgb(159,179,221) |
hsl(221,48%,75%) |
#7D99D1 |
rgb(125,153,209) |
hsl(220,48%,65%) |
#5B7DC6 |
rgb(91,125,198) |
hsl(221,48%,57%) |
#3E63B4 |
rgb(62,99,180) |
hsl(221,49%,47%) |
#325291 |
rgb(50,82,145) |
hsl(220,49%,38%) |
#263D6F |
rgb(38,61,111) |
hsl(221,49%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B7DC6 |
rgb(91,125,198) |
hsl(221,48%,57%) |
#C66E5B |
rgb(198,110,91) |
hsl(11,48%,57%) |
#B2C75B |
rgb(178,199,91) |
hsl(72,49%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B7DC6 |
rgb(91,125,198) |
hsl(221,48%,57%) |
#C6A35B |
rgb(198,163,91) |
hsl(40,48%,57%) |
#5BB3C6 |
rgb(91,179,198) |
hsl(191,48%,57%) |
#B2C75B |
rgb(178,199,91) |
hsl(72,49%,57%) |