HEX #5580C9 color — Indigo
The color #5580C9 is a dark shade and moderately saturated.
Palette
5580C9 color palette from light to dark
HEX |
RGB |
HSL |
#eff3fa |
rgb(239,243,250) |
hsl(218,52%,96%) |
#dce5f4 |
rgb(220,229,244) |
hsl(218,52%,91%) |
#c9d6ee |
rgb(201,214,238) |
hsl(218,52%,86%) |
#b5c8e8 |
rgb(181,200,232) |
hsl(218,52%,81%) |
#a2b9e2 |
rgb(162,185,226) |
hsl(218,52%,76%) |
#8fabdc |
rgb(143,171,220) |
hsl(218,52%,71%) |
#7b9cd5 |
rgb(123,156,213) |
hsl(218,52%,66%) |
#688ecf |
rgb(104,142,207) |
hsl(218,52%,61%) |
#547fc9 |
rgb(84,127,201) |
hsl(218,52%,56%) |
#4171c3 |
rgb(65,113,195) |
hsl(218,52%,51%) |
#3865b2 |
rgb(56,101,178) |
hsl(218,52%,46%) |
#325a9f |
rgb(50,90,159) |
hsl(218,52%,41%) |
#2c4f8c |
rgb(44,79,140) |
hsl(218,52%,36%) |
#264478 |
rgb(38,68,120) |
hsl(218,52%,31%) |
#203965 |
rgb(32,57,101) |
hsl(218,52%,26%) |
#1a2e51 |
rgb(26,46,81) |
hsl(218,52%,21%) |
#14233e |
rgb(20,35,62) |
hsl(218,52%,16%) |
#0d182b |
rgb(13,24,43) |
hsl(218,52%,11%) |
#070d17 |
rgb(7,13,23) |
hsl(218,52%,6%) |
#010204 |
rgb(1,2,4) |
hsl(218,52%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#55C9C4 |
rgb(85,201,196) |
hsl(177,52%,56%) |
#5580C9 |
rgb(85,128,201) |
hsl(218,52%,56%) |
#7754C9 |
rgb(119,84,201) |
hsl(258,52%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AB5DF |
rgb(154,181,223) |
hsl(217,52%,74%) |
#7799D4 |
rgb(119,153,212) |
hsl(218,52%,65%) |
#5580C9 |
rgb(85,128,201) |
hsl(218,52%,56%) |
#3969B6 |
rgb(57,105,182) |
hsl(217,52%,47%) |
#2E5493 |
rgb(46,84,147) |
hsl(217,52%,38%) |
#234070 |
rgb(35,64,112) |
hsl(217,52%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5580C9 |
rgb(85,128,201) |
hsl(218,52%,56%) |
#C96355 |
rgb(201,99,85) |
hsl(7,52%,56%) |
#BAC955 |
rgb(186,201,85) |
hsl(68,52%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5580C9 |
rgb(85,128,201) |
hsl(218,52%,56%) |
#C99E55 |
rgb(201,158,85) |
hsl(38,52%,56%) |
#55BAC9 |
rgb(85,186,201) |
hsl(188,52%,56%) |
#BAC955 |
rgb(186,201,85) |
hsl(68,52%,56%) |