HEX #5478C4 color — Indigo
The color #5478c4 is a dark shade and moderately saturated.
Palette
5478c4 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f8 |
rgb(236,240,248) |
hsl(221,49%,95%) |
| #d9e1f2 |
rgb(217,225,242) |
hsl(221,49%,90%) |
| #c6d2eb |
rgb(198,210,235) |
hsl(221,49%,85%) |
| #b3c3e5 |
rgb(179,195,229) |
hsl(221,49%,80%) |
| #a0b4de |
rgb(160,180,222) |
hsl(221,49%,75%) |
| #8da5d8 |
rgb(141,165,216) |
hsl(221,49%,70%) |
| #7a96d1 |
rgb(122,150,209) |
hsl(221,49%,65%) |
| #6787cb |
rgb(103,135,203) |
hsl(221,49%,60%) |
| #5478c4 |
rgb(84,120,196) |
hsl(221,49%,55%) |
| #4169be |
rgb(65,105,190) |
hsl(221,49%,50%) |
| #3b5eab |
rgb(59,94,171) |
hsl(221,49%,45%) |
| #345498 |
rgb(52,84,152) |
hsl(221,49%,40%) |
| #2e4985 |
rgb(46,73,133) |
hsl(221,49%,35%) |
| #273f72 |
rgb(39,63,114) |
hsl(221,49%,30%) |
| #21345f |
rgb(33,52,95) |
hsl(221,49%,25%) |
| #1a2a4c |
rgb(26,42,76) |
hsl(221,49%,20%) |
| #141f39 |
rgb(20,31,57) |
hsl(221,49%,15%) |
| #0d1526 |
rgb(13,21,38) |
hsl(221,49%,10%) |
| #070a13 |
rgb(7,10,19) |
hsl(221,49%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #54C2C4 |
rgb(84,194,196) |
hsl(181,49%,55%) |
| #5478C4 |
rgb(84,120,196) |
hsl(221,49%,55%) |
| #7A54C4 |
rgb(122,84,196) |
hsl(260,49%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #96ADDA |
rgb(150,173,218) |
hsl(220,48%,72%) |
| #7591CF |
rgb(117,145,207) |
hsl(221,48%,64%) |
| #5478C4 |
rgb(84,120,196) |
hsl(221,49%,55%) |
| #3C61AE |
rgb(60,97,174) |
hsl(221,49%,46%) |
| #304F8D |
rgb(48,79,141) |
hsl(220,49%,37%) |
| #253D6C |
rgb(37,61,108) |
hsl(220,49%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5478C4 |
rgb(84,120,196) |
hsl(221,49%,55%) |
| #C46954 |
rgb(196,105,84) |
hsl(11,49%,55%) |
| #B0C454 |
rgb(176,196,84) |
hsl(71,49%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5478C4 |
rgb(84,120,196) |
hsl(221,49%,55%) |
| #C4A154 |
rgb(196,161,84) |
hsl(41,49%,55%) |
| #54B0C4 |
rgb(84,176,196) |
hsl(191,49%,55%) |
| #B0C454 |
rgb(176,196,84) |
hsl(71,49%,55%) |
