HEX #5A78C3 color — Indigo
The color #5A78C3 is a dark shade and moderately saturated.
Palette
5A78C3 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(223,47%,96%) |
#dde3f3 |
rgb(221,227,243) |
hsl(223,47%,91%) |
#cbd4ec |
rgb(203,212,236) |
hsl(223,47%,86%) |
#b8c5e5 |
rgb(184,197,229) |
hsl(223,47%,81%) |
#a5b5df |
rgb(165,181,223) |
hsl(223,47%,76%) |
#92a6d8 |
rgb(146,166,216) |
hsl(223,47%,71%) |
#8097d1 |
rgb(128,151,209) |
hsl(223,47%,66%) |
#6d87ca |
rgb(109,135,202) |
hsl(223,47%,61%) |
#5a78c4 |
rgb(90,120,196) |
hsl(223,47%,56%) |
#4769bd |
rgb(71,105,189) |
hsl(223,47%,51%) |
#3e5dac |
rgb(62,93,172) |
hsl(223,47%,46%) |
#37539a |
rgb(55,83,154) |
hsl(223,47%,41%) |
#314987 |
rgb(49,73,135) |
hsl(223,47%,36%) |
#2a3f74 |
rgb(42,63,116) |
hsl(223,47%,31%) |
#233561 |
rgb(35,53,97) |
hsl(223,47%,26%) |
#1c2b4f |
rgb(28,43,79) |
hsl(223,47%,21%) |
#16203c |
rgb(22,32,60) |
hsl(223,47%,16%) |
#0f1629 |
rgb(15,22,41) |
hsl(223,47%,11%) |
#080c16 |
rgb(8,12,22) |
hsl(223,47%,6%) |
#010204 |
rgb(1,2,4) |
hsl(223,47%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5ABFC3 |
rgb(90,191,195) |
hsl(182,47%,56%) |
#5A78C3 |
rgb(90,120,195) |
hsl(223,47%,56%) |
#8259C3 |
rgb(130,89,195) |
hsl(263,47%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CB0DB |
rgb(156,176,219) |
hsl(221,47%,74%) |
#7B94CF |
rgb(123,148,207) |
hsl(222,47%,65%) |
#5A78C3 |
rgb(90,120,195) |
hsl(223,47%,56%) |
#3F61AF |
rgb(63,97,175) |
hsl(222,47%,47%) |
#334D8E |
rgb(51,77,142) |
hsl(223,47%,38%) |
#273B6C |
rgb(39,59,108) |
hsl(223,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A78C3 |
rgb(90,120,195) |
hsl(223,47%,56%) |
#C3705A |
rgb(195,112,90) |
hsl(13,47%,56%) |
#ACC25A |
rgb(172,194,90) |
hsl(73,46%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A78C3 |
rgb(90,120,195) |
hsl(223,47%,56%) |
#C3A65A |
rgb(195,166,90) |
hsl(43,47%,56%) |
#5AADC3 |
rgb(90,173,195) |
hsl(193,47%,56%) |
#ACC25A |
rgb(172,194,90) |
hsl(73,46%,56%) |