HEX #5A70C3 color — Indigo
The color #5A70C3 is a dark shade and moderately saturated.
Palette
5A70C3 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2fa |
rgb(240,242,250) |
hsl(227,47%,96%) |
#dde2f3 |
rgb(221,226,243) |
hsl(227,47%,91%) |
#cbd2ec |
rgb(203,210,236) |
hsl(227,47%,86%) |
#b8c2e5 |
rgb(184,194,229) |
hsl(227,47%,81%) |
#a5b2df |
rgb(165,178,223) |
hsl(227,47%,76%) |
#92a1d8 |
rgb(146,161,216) |
hsl(227,47%,71%) |
#8091d1 |
rgb(128,145,209) |
hsl(227,47%,66%) |
#6d81ca |
rgb(109,129,202) |
hsl(227,47%,61%) |
#5a71c4 |
rgb(90,113,196) |
hsl(227,47%,56%) |
#4761bd |
rgb(71,97,189) |
hsl(227,47%,51%) |
#3e56ac |
rgb(62,86,172) |
hsl(227,47%,46%) |
#374d9a |
rgb(55,77,154) |
hsl(227,47%,41%) |
#314387 |
rgb(49,67,135) |
hsl(227,47%,36%) |
#2a3a74 |
rgb(42,58,116) |
hsl(227,47%,31%) |
#233161 |
rgb(35,49,97) |
hsl(227,47%,26%) |
#1c274f |
rgb(28,39,79) |
hsl(227,47%,21%) |
#161e3c |
rgb(22,30,60) |
hsl(227,47%,16%) |
#0f1529 |
rgb(15,21,41) |
hsl(227,47%,11%) |
#080b16 |
rgb(8,11,22) |
hsl(227,47%,6%) |
#010204 |
rgb(1,2,4) |
hsl(227,47%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AB5C3 |
rgb(90,181,195) |
hsl(188,47%,56%) |
#5A70C3 |
rgb(90,112,195) |
hsl(227,47%,56%) |
#8A59C3 |
rgb(138,89,195) |
hsl(268,47%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CABDB |
rgb(156,171,219) |
hsl(226,47%,74%) |
#7B8CCF |
rgb(123,140,207) |
hsl(228,47%,65%) |
#5A70C3 |
rgb(90,112,195) |
hsl(227,47%,56%) |
#3F57AF |
rgb(63,87,175) |
hsl(227,47%,47%) |
#33478E |
rgb(51,71,142) |
hsl(227,47%,38%) |
#27366C |
rgb(39,54,108) |
hsl(227,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A70C3 |
rgb(90,112,195) |
hsl(227,47%,56%) |
#C3785A |
rgb(195,120,90) |
hsl(17,47%,56%) |
#A4C25A |
rgb(164,194,90) |
hsl(77,46%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A70C3 |
rgb(90,112,195) |
hsl(227,47%,56%) |
#C3AD5A |
rgb(195,173,90) |
hsl(47,47%,56%) |
#5AA6C3 |
rgb(90,166,195) |
hsl(197,47%,56%) |
#A4C25A |
rgb(164,194,90) |
hsl(77,46%,56%) |