HEX #5B7AC5 color — Indigo
The color #5B7AC5 is a dark shade and moderately saturated.
Palette
5B7AC5 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(222,48%,96%) |
#dde4f3 |
rgb(221,228,243) |
hsl(222,48%,91%) |
#cad4ec |
rgb(202,212,236) |
hsl(222,48%,86%) |
#b7c5e6 |
rgb(183,197,230) |
hsl(222,48%,81%) |
#a4b6df |
rgb(164,182,223) |
hsl(222,48%,76%) |
#92a7d9 |
rgb(146,167,217) |
hsl(222,48%,71%) |
#7f98d2 |
rgb(127,152,210) |
hsl(222,48%,66%) |
#6c88cb |
rgb(108,136,203) |
hsl(222,48%,61%) |
#5979c5 |
rgb(89,121,197) |
hsl(222,48%,56%) |
#466abe |
rgb(70,106,190) |
hsl(222,48%,51%) |
#3d5fae |
rgb(61,95,174) |
hsl(222,48%,46%) |
#36549b |
rgb(54,84,155) |
hsl(222,48%,41%) |
#304a88 |
rgb(48,74,136) |
hsl(222,48%,36%) |
#294075 |
rgb(41,64,117) |
hsl(222,48%,31%) |
#223662 |
rgb(34,54,98) |
hsl(222,48%,26%) |
#1c2b4f |
rgb(28,43,79) |
hsl(222,48%,21%) |
#15213c |
rgb(21,33,60) |
hsl(222,48%,16%) |
#0f172a |
rgb(15,23,42) |
hsl(222,48%,11%) |
#080c17 |
rgb(8,12,23) |
hsl(222,48%,6%) |
#010204 |
rgb(1,2,4) |
hsl(222,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BC2C5 |
rgb(91,194,197) |
hsl(182,48%,56%) |
#5B7AC5 |
rgb(91,122,197) |
hsl(222,48%,56%) |
#825CC5 |
rgb(130,92,197) |
hsl(262,48%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FB0DD |
rgb(159,176,221) |
hsl(224,48%,75%) |
#7D96D1 |
rgb(125,150,209) |
hsl(222,48%,65%) |
#5B7AC5 |
rgb(91,122,197) |
hsl(222,48%,56%) |
#3F61B2 |
rgb(63,97,178) |
hsl(222,48%,47%) |
#334F90 |
rgb(51,79,144) |
hsl(222,48%,38%) |
#273D6E |
rgb(39,61,110) |
hsl(221,48%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B7AC5 |
rgb(91,122,197) |
hsl(222,48%,56%) |
#C5705B |
rgb(197,112,91) |
hsl(12,48%,56%) |
#AFC45B |
rgb(175,196,91) |
hsl(72,47%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B7AC5 |
rgb(91,122,197) |
hsl(222,48%,56%) |
#C5A65B |
rgb(197,166,91) |
hsl(42,48%,56%) |
#5BB0C5 |
rgb(91,176,197) |
hsl(192,48%,56%) |
#AFC45B |
rgb(175,196,91) |
hsl(72,47%,56%) |