HEX #5878C1 color — Indigo
The color #5878C1 is a dark shade and moderately saturated.
Palette
5878C1 color palette from light to dark
HEX |
RGB |
HSL |
#ecf0f8 |
rgb(236,240,248) |
hsl(222,46%,95%) |
#dae1f1 |
rgb(218,225,241) |
hsl(222,46%,90%) |
#c7d2ea |
rgb(199,210,234) |
hsl(222,46%,85%) |
#b5c3e3 |
rgb(181,195,227) |
hsl(222,46%,80%) |
#a2b4dd |
rgb(162,180,221) |
hsl(222,46%,75%) |
#8fa4d6 |
rgb(143,164,214) |
hsl(222,46%,70%) |
#7d95cf |
rgb(125,149,207) |
hsl(222,46%,65%) |
#6a86c8 |
rgb(106,134,200) |
hsl(222,46%,60%) |
#5777c1 |
rgb(87,119,193) |
hsl(222,46%,55%) |
#4568ba |
rgb(69,104,186) |
hsl(222,46%,50%) |
#3e5ea8 |
rgb(62,94,168) |
hsl(222,46%,45%) |
#375395 |
rgb(55,83,149) |
hsl(222,46%,40%) |
#304982 |
rgb(48,73,130) |
hsl(222,46%,35%) |
#293e70 |
rgb(41,62,112) |
hsl(222,46%,30%) |
#22345d |
rgb(34,52,93) |
hsl(222,46%,25%) |
#1c2a4a |
rgb(28,42,74) |
hsl(222,46%,20%) |
#151f38 |
rgb(21,31,56) |
hsl(222,46%,15%) |
#0e1525 |
rgb(14,21,37) |
hsl(222,46%,10%) |
#070a13 |
rgb(7,10,19) |
hsl(222,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#58BFC1 |
rgb(88,191,193) |
hsl(181,46%,55%) |
#5878C1 |
rgb(88,120,193) |
hsl(222,46%,55%) |
#7E59C1 |
rgb(126,89,193) |
hsl(261,46%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99ADD9 |
rgb(153,173,217) |
hsl(221,46%,73%) |
#7891CD |
rgb(120,145,205) |
hsl(222,46%,64%) |
#5878C1 |
rgb(88,120,193) |
hsl(222,46%,55%) |
#3F61AC |
rgb(63,97,172) |
hsl(221,46%,46%) |
#334F8B |
rgb(51,79,139) |
hsl(221,46%,37%) |
#273D6A |
rgb(39,61,106) |
hsl(220,46%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5878C1 |
rgb(88,120,193) |
hsl(222,46%,55%) |
#C16E58 |
rgb(193,110,88) |
hsl(13,46%,55%) |
#ACC258 |
rgb(172,194,88) |
hsl(72,46%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5878C1 |
rgb(88,120,193) |
hsl(222,46%,55%) |
#C1A158 |
rgb(193,161,88) |
hsl(42,46%,55%) |
#58ADC1 |
rgb(88,173,193) |
hsl(191,46%,55%) |
#ACC258 |
rgb(172,194,88) |
hsl(72,46%,55%) |