HEX #5B7AC2 color — Indigo
The color #5B7AC2 is a dark shade and moderately saturated.
Palette
5B7AC2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f9 |
rgb(240,243,249) |
hsl(222,46%,96%) |
#dde4f3 |
rgb(221,228,243) |
hsl(222,46%,91%) |
#cbd5ec |
rgb(203,213,236) |
hsl(222,46%,86%) |
#b8c6e5 |
rgb(184,198,229) |
hsl(222,46%,81%) |
#a6b7de |
rgb(166,183,222) |
hsl(222,46%,76%) |
#93a7d7 |
rgb(147,167,215) |
hsl(222,46%,71%) |
#8098d0 |
rgb(128,152,208) |
hsl(222,46%,66%) |
#6e89c9 |
rgb(110,137,201) |
hsl(222,46%,61%) |
#5b7ac2 |
rgb(91,122,194) |
hsl(222,46%,56%) |
#496bbc |
rgb(73,107,188) |
hsl(222,46%,51%) |
#3f60ab |
rgb(63,96,171) |
hsl(222,46%,46%) |
#385599 |
rgb(56,85,153) |
hsl(222,46%,41%) |
#324b86 |
rgb(50,75,134) |
hsl(222,46%,36%) |
#2b4173 |
rgb(43,65,115) |
hsl(222,46%,31%) |
#243661 |
rgb(36,54,97) |
hsl(222,46%,26%) |
#1d2c4e |
rgb(29,44,78) |
hsl(222,46%,21%) |
#16213c |
rgb(22,33,60) |
hsl(222,46%,16%) |
#0f1729 |
rgb(15,23,41) |
hsl(222,46%,11%) |
#080c16 |
rgb(8,12,22) |
hsl(222,46%,6%) |
#010204 |
rgb(1,2,4) |
hsl(222,46%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BBFC2 |
rgb(91,191,194) |
hsl(182,46%,56%) |
#5B7AC2 |
rgb(91,122,194) |
hsl(222,46%,56%) |
#805CC2 |
rgb(128,92,194) |
hsl(261,46%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9DB0DA |
rgb(157,176,218) |
hsl(221,45%,74%) |
#7C94CE |
rgb(124,148,206) |
hsl(222,46%,65%) |
#5B7AC2 |
rgb(91,122,194) |
hsl(222,46%,56%) |
#4061AE |
rgb(64,97,174) |
hsl(222,46%,47%) |
#344F8D |
rgb(52,79,141) |
hsl(222,46%,38%) |
#283D6C |
rgb(40,61,108) |
hsl(221,46%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B7AC2 |
rgb(91,122,194) |
hsl(222,46%,56%) |
#C2705B |
rgb(194,112,91) |
hsl(12,46%,56%) |
#ADC25B |
rgb(173,194,91) |
hsl(72,46%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B7AC2 |
rgb(91,122,194) |
hsl(222,46%,56%) |
#C2A35B |
rgb(194,163,91) |
hsl(42,46%,56%) |
#5BADC2 |
rgb(91,173,194) |
hsl(192,46%,56%) |
#ADC25B |
rgb(173,194,91) |
hsl(72,46%,56%) |