HEX #5A78C1 color — Indigo
The color #5A78C1 is a dark shade and moderately saturated.
Palette
5A78C1 color palette from light to dark
HEX |
RGB |
HSL |
#edf0f8 |
rgb(237,240,248) |
hsl(223,45%,95%) |
#dae1f1 |
rgb(218,225,241) |
hsl(223,45%,90%) |
#c8d1ea |
rgb(200,209,234) |
hsl(223,45%,85%) |
#b5c2e3 |
rgb(181,194,227) |
hsl(223,45%,80%) |
#a3b3dc |
rgb(163,179,220) |
hsl(223,45%,75%) |
#90a4d5 |
rgb(144,164,213) |
hsl(223,45%,70%) |
#7e94ce |
rgb(126,148,206) |
hsl(223,45%,65%) |
#6b85c7 |
rgb(107,133,199) |
hsl(223,45%,60%) |
#5976c0 |
rgb(89,118,192) |
hsl(223,45%,55%) |
#4667b9 |
rgb(70,103,185) |
hsl(223,45%,50%) |
#3f5ca6 |
rgb(63,92,166) |
hsl(223,45%,45%) |
#385294 |
rgb(56,82,148) |
hsl(223,45%,40%) |
#314881 |
rgb(49,72,129) |
hsl(223,45%,35%) |
#2a3e6f |
rgb(42,62,111) |
hsl(223,45%,30%) |
#23335c |
rgb(35,51,92) |
hsl(223,45%,25%) |
#1c294a |
rgb(28,41,74) |
hsl(223,45%,20%) |
#151f37 |
rgb(21,31,55) |
hsl(223,45%,15%) |
#0e1525 |
rgb(14,21,37) |
hsl(223,45%,10%) |
#070a12 |
rgb(7,10,18) |
hsl(223,45%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5ABDC1 |
rgb(90,189,193) |
hsl(182,45%,55%) |
#5A78C1 |
rgb(90,120,193) |
hsl(223,45%,55%) |
#8059C1 |
rgb(128,89,193) |
hsl(263,46%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BADD9 |
rgb(155,173,217) |
hsl(223,45%,73%) |
#7A94CD |
rgb(122,148,205) |
hsl(221,45%,64%) |
#5A78C1 |
rgb(90,120,193) |
hsl(223,45%,55%) |
#4061AC |
rgb(64,97,172) |
hsl(222,46%,46%) |
#344F8B |
rgb(52,79,139) |
hsl(221,46%,37%) |
#283B6A |
rgb(40,59,106) |
hsl(223,45%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A78C1 |
rgb(90,120,193) |
hsl(223,45%,55%) |
#C1705A |
rgb(193,112,90) |
hsl(13,45%,55%) |
#ABC25A |
rgb(171,194,90) |
hsl(73,46%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A78C1 |
rgb(90,120,193) |
hsl(223,45%,55%) |
#C1A35A |
rgb(193,163,90) |
hsl(43,45%,55%) |
#5AABC1 |
rgb(90,171,193) |
hsl(193,45%,55%) |
#ABC25A |
rgb(171,194,90) |
hsl(73,46%,56%) |