HEX #5980C2 color — Indigo
The color #5980C2 is a dark shade and moderately saturated.
Palette
5980C2 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf1f8 |
rgb(236,241,248) |
hsl(218,46%,95%) |
| #dae2f1 |
rgb(218,226,241) |
hsl(218,46%,90%) |
| #c7d4ea |
rgb(199,212,234) |
hsl(218,46%,85%) |
| #b5c6e3 |
rgb(181,198,227) |
hsl(218,46%,80%) |
| #a2b7dd |
rgb(162,183,221) |
hsl(218,46%,75%) |
| #8fa9d6 |
rgb(143,169,214) |
hsl(218,46%,70%) |
| #7d9bcf |
rgb(125,155,207) |
hsl(218,46%,65%) |
| #6a8cc8 |
rgb(106,140,200) |
hsl(218,46%,60%) |
| #577ec1 |
rgb(87,126,193) |
hsl(218,46%,55%) |
| #4570ba |
rgb(69,112,186) |
hsl(218,46%,50%) |
| #3e65a8 |
rgb(62,101,168) |
hsl(218,46%,45%) |
| #375995 |
rgb(55,89,149) |
hsl(218,46%,40%) |
| #304e82 |
rgb(48,78,130) |
hsl(218,46%,35%) |
| #294370 |
rgb(41,67,112) |
hsl(218,46%,30%) |
| #22385d |
rgb(34,56,93) |
hsl(218,46%,25%) |
| #1c2d4a |
rgb(28,45,74) |
hsl(218,46%,20%) |
| #152238 |
rgb(21,34,56) |
hsl(218,46%,15%) |
| #0e1625 |
rgb(14,22,37) |
hsl(218,46%,10%) |
| #070b13 |
rgb(7,11,19) |
hsl(218,46%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #59C2BE |
rgb(89,194,190) |
hsl(178,46%,55%) |
| #5980C2 |
rgb(89,128,194) |
hsl(218,46%,55%) |
| #7859C2 |
rgb(120,89,194) |
hsl(258,46%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #9BB3DA |
rgb(155,179,218) |
hsl(217,46%,73%) |
| #7A99CE |
rgb(122,153,206) |
hsl(218,46%,64%) |
| #5980C2 |
rgb(89,128,194) |
hsl(218,46%,55%) |
| #3F69AD |
rgb(63,105,173) |
hsl(217,47%,46%) |
| #33548C |
rgb(51,84,140) |
hsl(218,47%,37%) |
| #27406B |
rgb(39,64,107) |
hsl(218,47%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5980C2 |
rgb(89,128,194) |
hsl(218,46%,55%) |
| #C26659 |
rgb(194,102,89) |
hsl(7,46%,55%) |
| #B4C259 |
rgb(180,194,89) |
hsl(68,46%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5980C2 |
rgb(89,128,194) |
hsl(218,46%,55%) |
| #C29C59 |
rgb(194,156,89) |
hsl(38,46%,55%) |
| #59B5C2 |
rgb(89,181,194) |
hsl(187,46%,55%) |
| #B4C259 |
rgb(180,194,89) |
hsl(68,46%,55%) |
