HEX #5A78C2 color — Indigo
The color #5A78C2 is a dark shade and moderately saturated.
Palette
5A78C2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f9 |
rgb(240,243,249) |
hsl(223,46%,96%) |
#dde3f3 |
rgb(221,227,243) |
hsl(223,46%,91%) |
#cbd4ec |
rgb(203,212,236) |
hsl(223,46%,86%) |
#b8c5e5 |
rgb(184,197,229) |
hsl(223,46%,81%) |
#a6b6de |
rgb(166,182,222) |
hsl(223,46%,76%) |
#93a6d7 |
rgb(147,166,215) |
hsl(223,46%,71%) |
#8097d0 |
rgb(128,151,208) |
hsl(223,46%,66%) |
#6e88c9 |
rgb(110,136,201) |
hsl(223,46%,61%) |
#5b78c2 |
rgb(91,120,194) |
hsl(223,46%,56%) |
#4969bc |
rgb(73,105,188) |
hsl(223,46%,51%) |
#3f5eab |
rgb(63,94,171) |
hsl(223,46%,46%) |
#385499 |
rgb(56,84,153) |
hsl(223,46%,41%) |
#324a86 |
rgb(50,74,134) |
hsl(223,46%,36%) |
#2b3f73 |
rgb(43,63,115) |
hsl(223,46%,31%) |
#243561 |
rgb(36,53,97) |
hsl(223,46%,26%) |
#1d2b4e |
rgb(29,43,78) |
hsl(223,46%,21%) |
#16213c |
rgb(22,33,60) |
hsl(223,46%,16%) |
#0f1629 |
rgb(15,22,41) |
hsl(223,46%,11%) |
#080c16 |
rgb(8,12,22) |
hsl(223,46%,6%) |
#010204 |
rgb(1,2,4) |
hsl(223,46%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5ABDC2 |
rgb(90,189,194) |
hsl(183,46%,56%) |
#5A78C2 |
rgb(90,120,194) |
hsl(223,46%,56%) |
#8159C2 |
rgb(129,89,194) |
hsl(263,46%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CADDA |
rgb(156,173,218) |
hsl(224,46%,73%) |
#7B94CE |
rgb(123,148,206) |
hsl(222,46%,65%) |
#5A78C2 |
rgb(90,120,194) |
hsl(223,46%,56%) |
#4061AE |
rgb(64,97,174) |
hsl(222,46%,47%) |
#344D8D |
rgb(52,77,141) |
hsl(223,46%,38%) |
#273B6B |
rgb(39,59,107) |
hsl(222,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A78C2 |
rgb(90,120,194) |
hsl(223,46%,56%) |
#C2705A |
rgb(194,112,90) |
hsl(13,46%,56%) |
#ACC25A |
rgb(172,194,90) |
hsl(73,46%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A78C2 |
rgb(90,120,194) |
hsl(223,46%,56%) |
#C2A35A |
rgb(194,163,90) |
hsl(42,46%,56%) |
#5AABC2 |
rgb(90,171,194) |
hsl(193,46%,56%) |
#ACC25A |
rgb(172,194,90) |
hsl(73,46%,56%) |