HEX #5B7AC6 color — Indigo
The color #5B7AC6 is a dark shade and moderately saturated.
Palette
5B7AC6 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 |
#5BC2C6 |
rgb(91,194,198) |
hsl(182,48%,57%) |
#5B7AC6 |
rgb(91,122,198) |
hsl(223,48%,57%) |
#835CC6 |
rgb(131,92,198) |
hsl(262,48%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FB3DD |
rgb(159,179,221) |
hsl(221,48%,75%) |
#7D96D1 |
rgb(125,150,209) |
hsl(222,48%,65%) |
#5B7AC6 |
rgb(91,122,198) |
hsl(223,48%,57%) |
#3E61B4 |
rgb(62,97,180) |
hsl(222,49%,47%) |
#324F91 |
rgb(50,79,145) |
hsl(222,49%,38%) |
#263B6F |
rgb(38,59,111) |
hsl(223,49%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B7AC6 |
rgb(91,122,198) |
hsl(223,48%,57%) |
#C6735B |
rgb(198,115,91) |
hsl(13,48%,57%) |
#AFC75B |
rgb(175,199,91) |
hsl(73,49%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B7AC6 |
rgb(91,122,198) |
hsl(223,48%,57%) |
#C6A65B |
rgb(198,166,91) |
hsl(42,48%,57%) |
#5BB0C6 |
rgb(91,176,198) |
hsl(192,48%,57%) |
#AFC75B |
rgb(175,199,91) |
hsl(73,49%,57%) |