HEX #5977C9 color — Indigo
The color #5977c9 is a dark shade and moderately saturated.
Palette
5977c9 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(224,51%,97%) |
#e0e6f5 |
rgb(224,230,245) |
hsl(224,51%,92%) |
#cdd6ef |
rgb(205,214,239) |
hsl(224,51%,87%) |
#bac6e9 |
rgb(186,198,233) |
hsl(224,51%,82%) |
#a6b6e2 |
rgb(166,182,226) |
hsl(224,51%,77%) |
#93a7dc |
rgb(147,167,220) |
hsl(224,51%,72%) |
#8097d6 |
rgb(128,151,214) |
hsl(224,51%,67%) |
#6d87d0 |
rgb(109,135,208) |
hsl(224,51%,62%) |
#5977c9 |
rgb(89,119,201) |
hsl(224,51%,57%) |
#4667c3 |
rgb(70,103,195) |
hsl(224,51%,52%) |
#3b5bb5 |
rgb(59,91,181) |
hsl(224,51%,47%) |
#3452a2 |
rgb(52,82,162) |
hsl(224,51%,42%) |
#2e488e |
rgb(46,72,142) |
hsl(224,51%,37%) |
#283e7b |
rgb(40,62,123) |
hsl(224,51%,32%) |
#223468 |
rgb(34,52,104) |
hsl(224,51%,27%) |
#1b2b55 |
rgb(27,43,85) |
hsl(224,51%,22%) |
#152141 |
rgb(21,33,65) |
hsl(224,51%,17%) |
#0f172e |
rgb(15,23,46) |
hsl(224,51%,12%) |
#090e1b |
rgb(9,14,27) |
hsl(224,51%,7%) |
#020408 |
rgb(2,4,8) |
hsl(224,51%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#59C2C9 |
rgb(89,194,201) |
hsl(184,51%,57%) |
#5977C9 |
rgb(89,119,201) |
hsl(224,51%,57%) |
#8559C9 |
rgb(133,89,201) |
hsl(264,51%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FB0DF |
rgb(159,176,223) |
hsl(224,50%,75%) |
#7C94D4 |
rgb(124,148,212) |
hsl(224,51%,66%) |
#5977C9 |
rgb(89,119,201) |
hsl(224,51%,57%) |
#3B5CB7 |
rgb(59,92,183) |
hsl(224,51%,47%) |
#304D94 |
rgb(48,77,148) |
hsl(223,51%,38%) |
#253B71 |
rgb(37,59,113) |
hsl(223,51%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5977C9 |
rgb(89,119,201) |
hsl(224,51%,57%) |
#C97359 |
rgb(201,115,89) |
hsl(14,51%,57%) |
#AFC959 |
rgb(175,201,89) |
hsl(74,51%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5977C9 |
rgb(89,119,201) |
hsl(224,51%,57%) |
#C9AB59 |
rgb(201,171,89) |
hsl(44,51%,57%) |
#59B0C9 |
rgb(89,176,201) |
hsl(193,51%,57%) |
#AFC959 |
rgb(175,201,89) |
hsl(74,51%,57%) |