HEX #5B7AC4 color — Indigo
The color #5B7AC4 is a dark shade and moderately saturated.
Palette
5B7AC4 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(222,47%,96%) |
#dde4f3 |
rgb(221,228,243) |
hsl(222,47%,91%) |
#cbd5ec |
rgb(203,213,236) |
hsl(222,47%,86%) |
#b8c5e5 |
rgb(184,197,229) |
hsl(222,47%,81%) |
#a5b6df |
rgb(165,182,223) |
hsl(222,47%,76%) |
#92a7d8 |
rgb(146,167,216) |
hsl(222,47%,71%) |
#8098d1 |
rgb(128,152,209) |
hsl(222,47%,66%) |
#6d89ca |
rgb(109,137,202) |
hsl(222,47%,61%) |
#5a7ac4 |
rgb(90,122,196) |
hsl(222,47%,56%) |
#476bbd |
rgb(71,107,189) |
hsl(222,47%,51%) |
#3e5fac |
rgb(62,95,172) |
hsl(222,47%,46%) |
#37559a |
rgb(55,85,154) |
hsl(222,47%,41%) |
#314b87 |
rgb(49,75,135) |
hsl(222,47%,36%) |
#2a4074 |
rgb(42,64,116) |
hsl(222,47%,31%) |
#233661 |
rgb(35,54,97) |
hsl(222,47%,26%) |
#1c2b4f |
rgb(28,43,79) |
hsl(222,47%,21%) |
#16213c |
rgb(22,33,60) |
hsl(222,47%,16%) |
#0f1729 |
rgb(15,23,41) |
hsl(222,47%,11%) |
#080c16 |
rgb(8,12,22) |
hsl(222,47%,6%) |
#010204 |
rgb(1,2,4) |
hsl(222,47%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BBFC4 |
rgb(91,191,196) |
hsl(183,47%,56%) |
#5B7AC4 |
rgb(91,122,196) |
hsl(222,47%,56%) |
#825CC4 |
rgb(130,92,196) |
hsl(262,47%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9EB0DC |
rgb(158,176,220) |
hsl(223,47%,74%) |
#7C96D0 |
rgb(124,150,208) |
hsl(221,47%,65%) |
#5B7AC4 |
rgb(91,122,196) |
hsl(222,47%,56%) |
#3F61B1 |
rgb(63,97,177) |
hsl(222,48%,47%) |
#334F8F |
rgb(51,79,143) |
hsl(222,47%,38%) |
#273D6D |
rgb(39,61,109) |
hsl(221,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B7AC4 |
rgb(91,122,196) |
hsl(222,47%,56%) |
#C4705B |
rgb(196,112,91) |
hsl(12,47%,56%) |
#AEC45B |
rgb(174,196,91) |
hsl(73,47%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B7AC4 |
rgb(91,122,196) |
hsl(222,47%,56%) |
#C4A65B |
rgb(196,166,91) |
hsl(43,47%,56%) |
#5BADC4 |
rgb(91,173,196) |
hsl(193,47%,56%) |
#AEC45B |
rgb(174,196,91) |
hsl(73,47%,56%) |