HEX #5A70C2 color — Indigo
The color #5A70C2 is a dark shade and moderately saturated.
Palette
5A70C2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2f9 |
rgb(240,242,249) |
hsl(227,46%,96%) |
#dde2f3 |
rgb(221,226,243) |
hsl(227,46%,91%) |
#cbd2ec |
rgb(203,210,236) |
hsl(227,46%,86%) |
#b8c2e5 |
rgb(184,194,229) |
hsl(227,46%,81%) |
#a6b2de |
rgb(166,178,222) |
hsl(227,46%,76%) |
#93a2d7 |
rgb(147,162,215) |
hsl(227,46%,71%) |
#8092d0 |
rgb(128,146,208) |
hsl(227,46%,66%) |
#6e82c9 |
rgb(110,130,201) |
hsl(227,46%,61%) |
#5b72c2 |
rgb(91,114,194) |
hsl(227,46%,56%) |
#4961bc |
rgb(73,97,188) |
hsl(227,46%,51%) |
#3f57ab |
rgb(63,87,171) |
hsl(227,46%,46%) |
#384d99 |
rgb(56,77,153) |
hsl(227,46%,41%) |
#324486 |
rgb(50,68,134) |
hsl(227,46%,36%) |
#2b3a73 |
rgb(43,58,115) |
hsl(227,46%,31%) |
#243161 |
rgb(36,49,97) |
hsl(227,46%,26%) |
#1d284e |
rgb(29,40,78) |
hsl(227,46%,21%) |
#161e3c |
rgb(22,30,60) |
hsl(227,46%,16%) |
#0f1529 |
rgb(15,21,41) |
hsl(227,46%,11%) |
#080b16 |
rgb(8,11,22) |
hsl(227,46%,6%) |
#010204 |
rgb(1,2,4) |
hsl(227,46%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AB5C2 |
rgb(90,181,194) |
hsl(188,46%,56%) |
#5A70C2 |
rgb(90,112,194) |
hsl(227,46%,56%) |
#8959C2 |
rgb(137,89,194) |
hsl(267,46%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CA8DA |
rgb(156,168,218) |
hsl(228,46%,73%) |
#7B8CCE |
rgb(123,140,206) |
hsl(228,46%,65%) |
#5A70C2 |
rgb(90,112,194) |
hsl(227,46%,56%) |
#4057AE |
rgb(64,87,174) |
hsl(227,46%,47%) |
#34478D |
rgb(52,71,141) |
hsl(227,46%,38%) |
#27366B |
rgb(39,54,107) |
hsl(227,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A70C2 |
rgb(90,112,194) |
hsl(227,46%,56%) |
#C2785A |
rgb(194,120,90) |
hsl(17,46%,56%) |
#A4C25A |
rgb(164,194,90) |
hsl(77,46%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A70C2 |
rgb(90,112,194) |
hsl(227,46%,56%) |
#C2AB5A |
rgb(194,171,90) |
hsl(47,46%,56%) |
#5AA3C2 |
rgb(90,163,194) |
hsl(198,46%,56%) |
#A4C25A |
rgb(164,194,90) |
hsl(77,46%,56%) |