HEX #5C78C9 color — Indigo
The color #5C78C9 is a dark shade and moderately saturated.
Palette
5C78C9 color palette from light to dark
HEX |
RGB |
HSL |
#f4f5fb |
rgb(244,245,251) |
hsl(225,50%,97%) |
#e0e6f5 |
rgb(224,230,245) |
hsl(225,50%,92%) |
#cdd6ee |
rgb(205,214,238) |
hsl(225,50%,87%) |
#bac6e8 |
rgb(186,198,232) |
hsl(225,50%,82%) |
#a7b6e2 |
rgb(167,182,226) |
hsl(225,50%,77%) |
#94a6db |
rgb(148,166,219) |
hsl(225,50%,72%) |
#8196d5 |
rgb(129,150,213) |
hsl(225,50%,67%) |
#6e86cf |
rgb(110,134,207) |
hsl(225,50%,62%) |
#5b76c8 |
rgb(91,118,200) |
hsl(225,50%,57%) |
#4766c2 |
rgb(71,102,194) |
hsl(225,50%,52%) |
#3c5ab4 |
rgb(60,90,180) |
hsl(225,50%,47%) |
#3650a1 |
rgb(54,80,161) |
hsl(225,50%,42%) |
#2f478e |
rgb(47,71,142) |
hsl(225,50%,37%) |
#293d7a |
rgb(41,61,122) |
hsl(225,50%,32%) |
#223467 |
rgb(34,52,103) |
hsl(225,50%,27%) |
#1c2a54 |
rgb(28,42,84) |
hsl(225,50%,22%) |
#162141 |
rgb(22,33,65) |
hsl(225,50%,17%) |
#0f172e |
rgb(15,23,46) |
hsl(225,50%,12%) |
#090d1b |
rgb(9,13,27) |
hsl(225,50%,7%) |
#030408 |
rgb(3,4,8) |
hsl(225,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5CC2C9 |
rgb(92,194,201) |
hsl(184,50%,57%) |
#5C78C9 |
rgb(92,120,201) |
hsl(225,50%,57%) |
#885CC9 |
rgb(136,92,201) |
hsl(264,50%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A2B3E0 |
rgb(162,179,224) |
hsl(224,50%,76%) |
#7F94D4 |
rgb(127,148,212) |
hsl(225,50%,66%) |
#5C78C9 |
rgb(92,120,201) |
hsl(225,50%,57%) |
#3D5CB8 |
rgb(61,92,184) |
hsl(225,50%,48%) |
#314D95 |
rgb(49,77,149) |
hsl(223,51%,39%) |
#253B72 |
rgb(37,59,114) |
hsl(223,51%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5C78C9 |
rgb(92,120,201) |
hsl(225,50%,57%) |
#C9755C |
rgb(201,117,92) |
hsl(14,50%,57%) |
#AEC95C |
rgb(174,201,92) |
hsl(75,50%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5C78C9 |
rgb(92,120,201) |
hsl(225,50%,57%) |
#C9AD5C |
rgb(201,173,92) |
hsl(45,50%,57%) |
#5CADC9 |
rgb(92,173,201) |
hsl(195,50%,57%) |
#AEC95C |
rgb(174,201,92) |
hsl(75,50%,57%) |