HEX #5C7AC2 color — Indigo
The color #5C7AC2 is a dark shade and moderately saturated.
Palette
5C7AC2 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 |
#5CBFC2 |
rgb(92,191,194) |
hsl(182,46%,56%) |
#5C7AC2 |
rgb(92,122,194) |
hsl(222,46%,56%) |
#825CC2 |
rgb(130,92,194) |
hsl(262,46%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9EB0DA |
rgb(158,176,218) |
hsl(222,45%,74%) |
#7D94CE |
rgb(125,148,206) |
hsl(223,45%,65%) |
#5C7AC2 |
rgb(92,122,194) |
hsl(222,46%,56%) |
#4161AE |
rgb(65,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 |
#5C7AC2 |
rgb(92,122,194) |
hsl(222,46%,56%) |
#C2705C |
rgb(194,112,92) |
hsl(12,46%,56%) |
#ADC25C |
rgb(173,194,92) |
hsl(72,46%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5C7AC2 |
rgb(92,122,194) |
hsl(222,46%,56%) |
#C2A35C |
rgb(194,163,92) |
hsl(42,46%,56%) |
#5CADC2 |
rgb(92,173,194) |
hsl(192,46%,56%) |
#ADC25C |
rgb(173,194,92) |
hsl(72,46%,56%) |