HEX #5980C3 color — Indigo
The color #5980C3 is a dark shade and moderately saturated.
Palette
5980C3 color palette from light to dark
HEX |
RGB |
HSL |
#f0f4fa |
rgb(240,244,250) |
hsl(218,47%,96%) |
#dde5f3 |
rgb(221,229,243) |
hsl(218,47%,91%) |
#cbd7ec |
rgb(203,215,236) |
hsl(218,47%,86%) |
#b8c8e5 |
rgb(184,200,229) |
hsl(218,47%,81%) |
#a5badf |
rgb(165,186,223) |
hsl(218,47%,76%) |
#92acd8 |
rgb(146,172,216) |
hsl(218,47%,71%) |
#809dd1 |
rgb(128,157,209) |
hsl(218,47%,66%) |
#6d8fca |
rgb(109,143,202) |
hsl(218,47%,61%) |
#5a81c4 |
rgb(90,129,196) |
hsl(218,47%,56%) |
#4772bd |
rgb(71,114,189) |
hsl(218,47%,51%) |
#3e67ac |
rgb(62,103,172) |
hsl(218,47%,46%) |
#375b9a |
rgb(55,91,154) |
hsl(218,47%,41%) |
#315087 |
rgb(49,80,135) |
hsl(218,47%,36%) |
#2a4574 |
rgb(42,69,116) |
hsl(218,47%,31%) |
#233a61 |
rgb(35,58,97) |
hsl(218,47%,26%) |
#1c2f4f |
rgb(28,47,79) |
hsl(218,47%,21%) |
#16243c |
rgb(22,36,60) |
hsl(218,47%,16%) |
#0f1929 |
rgb(15,25,41) |
hsl(218,47%,11%) |
#080d16 |
rgb(8,13,22) |
hsl(218,47%,6%) |
#010204 |
rgb(1,2,4) |
hsl(218,47%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#59C2BF |
rgb(89,194,191) |
hsl(178,46%,55%) |
#5980C3 |
rgb(89,128,195) |
hsl(218,47%,56%) |
#7859C3 |
rgb(120,89,195) |
hsl(258,47%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BB3DB |
rgb(155,179,219) |
hsl(218,47%,73%) |
#7A99CF |
rgb(122,153,207) |
hsl(218,47%,65%) |
#5980C3 |
rgb(89,128,195) |
hsl(218,47%,56%) |
#3F69AF |
rgb(63,105,175) |
hsl(218,47%,47%) |
#33548D |
rgb(51,84,141) |
hsl(218,47%,38%) |
#27406C |
rgb(39,64,108) |
hsl(218,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5980C3 |
rgb(89,128,195) |
hsl(218,47%,56%) |
#C36659 |
rgb(195,102,89) |
hsl(7,47%,56%) |
#B5C259 |
rgb(181,194,89) |
hsl(67,46%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5980C3 |
rgb(89,128,195) |
hsl(218,47%,56%) |
#C39C59 |
rgb(195,156,89) |
hsl(38,47%,56%) |
#59B5C3 |
rgb(89,181,195) |
hsl(188,47%,56%) |
#B5C259 |
rgb(181,194,89) |
hsl(67,46%,55%) |