HEX #5A63C8 color — Indigo
The color #5A63C8 is a dark shade and moderately saturated.
Palette
5A63C8 color palette from light to dark
HEX |
RGB |
HSL |
#f4f4fb |
rgb(244,244,251) |
hsl(235,50%,97%) |
#e0e2f5 |
rgb(224,226,245) |
hsl(235,50%,92%) |
#cdd0ee |
rgb(205,208,238) |
hsl(235,50%,87%) |
#babee8 |
rgb(186,190,232) |
hsl(235,50%,82%) |
#a7ace2 |
rgb(167,172,226) |
hsl(235,50%,77%) |
#949adb |
rgb(148,154,219) |
hsl(235,50%,72%) |
#8188d5 |
rgb(129,136,213) |
hsl(235,50%,67%) |
#6e76cf |
rgb(110,118,207) |
hsl(235,50%,62%) |
#5b64c8 |
rgb(91,100,200) |
hsl(235,50%,57%) |
#4752c2 |
rgb(71,82,194) |
hsl(235,50%,52%) |
#3c46b4 |
rgb(60,70,180) |
hsl(235,50%,47%) |
#363ea1 |
rgb(54,62,161) |
hsl(235,50%,42%) |
#2f378e |
rgb(47,55,142) |
hsl(235,50%,37%) |
#29307a |
rgb(41,48,122) |
hsl(235,50%,32%) |
#222867 |
rgb(34,40,103) |
hsl(235,50%,27%) |
#1c2154 |
rgb(28,33,84) |
hsl(235,50%,22%) |
#161941 |
rgb(22,25,65) |
hsl(235,50%,17%) |
#0f122e |
rgb(15,18,46) |
hsl(235,50%,12%) |
#090a1b |
rgb(9,10,27) |
hsl(235,50%,7%) |
#030308 |
rgb(3,3,8) |
hsl(235,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AADC8 |
rgb(90,173,200) |
hsl(195,50%,57%) |
#5A63C8 |
rgb(90,99,200) |
hsl(235,50%,57%) |
#9A59C8 |
rgb(154,89,200) |
hsl(275,50%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FA6DF |
rgb(159,166,223) |
hsl(233,50%,75%) |
#7C85D3 |
rgb(124,133,211) |
hsl(234,50%,66%) |
#5A63C8 |
rgb(90,99,200) |
hsl(235,50%,57%) |
#3C47B6 |
rgb(60,71,182) |
hsl(235,50%,47%) |
#313893 |
rgb(49,56,147) |
hsl(236,50%,38%) |
#252B71 |
rgb(37,43,113) |
hsl(235,51%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A63C8 |
rgb(90,99,200) |
hsl(235,50%,57%) |
#C8875A |
rgb(200,135,90) |
hsl(25,50%,57%) |
#9AC75A |
rgb(154,199,90) |
hsl(85,49%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A63C8 |
rgb(90,99,200) |
hsl(235,50%,57%) |
#C8BF5A |
rgb(200,191,90) |
hsl(55,50%,57%) |
#5A99C8 |
rgb(90,153,200) |
hsl(206,50%,57%) |
#9AC75A |
rgb(154,199,90) |
hsl(85,49%,57%) |