HEX #5A78BE color — Indigo
The color #5A78BE is a dark shade and moderately saturated.
Palette
5A78BE color palette from light to dark
| HEX |
RGB |
HSL |
| #edf0f8 |
rgb(237,240,248) |
hsl(222,43%,95%) |
| #dbe1f0 |
rgb(219,225,240) |
hsl(222,43%,90%) |
| #c8d2e9 |
rgb(200,210,233) |
hsl(222,43%,85%) |
| #b6c3e2 |
rgb(182,195,226) |
hsl(222,43%,80%) |
| #a4b4db |
rgb(164,180,219) |
hsl(222,43%,75%) |
| #92a5d3 |
rgb(146,165,211) |
hsl(222,43%,70%) |
| #7f96cc |
rgb(127,150,204) |
hsl(222,43%,65%) |
| #6d87c5 |
rgb(109,135,197) |
hsl(222,43%,60%) |
| #5b79be |
rgb(91,121,190) |
hsl(222,43%,55%) |
| #496ab6 |
rgb(73,106,182) |
hsl(222,43%,50%) |
| #415fa4 |
rgb(65,95,164) |
hsl(222,43%,45%) |
| #3a5492 |
rgb(58,84,146) |
hsl(222,43%,40%) |
| #334a80 |
rgb(51,74,128) |
hsl(222,43%,35%) |
| #2c3f6d |
rgb(44,63,109) |
hsl(222,43%,30%) |
| #24355b |
rgb(36,53,91) |
hsl(222,43%,25%) |
| #1d2a49 |
rgb(29,42,73) |
hsl(222,43%,20%) |
| #162037 |
rgb(22,32,55) |
hsl(222,43%,15%) |
| #0f1524 |
rgb(15,21,36) |
hsl(222,43%,10%) |
| #070b12 |
rgb(7,11,18) |
hsl(222,43%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5ABABE |
rgb(90,186,190) |
hsl(182,43%,55%) |
| #5A78BE |
rgb(90,120,190) |
hsl(222,43%,55%) |
| #7E59BE |
rgb(126,89,190) |
hsl(262,44%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #9AADD7 |
rgb(154,173,215) |
hsl(221,43%,72%) |
| #7A91CA |
rgb(122,145,202) |
hsl(223,43%,64%) |
| #5A78BE |
rgb(90,120,190) |
hsl(222,43%,55%) |
| #4261A8 |
rgb(66,97,168) |
hsl(222,44%,46%) |
| #354F88 |
rgb(53,79,136) |
hsl(221,44%,37%) |
| #293D68 |
rgb(41,61,104) |
hsl(221,43%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5A78BE |
rgb(90,120,190) |
hsl(222,43%,55%) |
| #BE6E5A |
rgb(190,110,90) |
hsl(12,43%,55%) |
| #AABF5A |
rgb(170,191,90) |
hsl(72,44%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5A78BE |
rgb(90,120,190) |
hsl(222,43%,55%) |
| #BEA15A |
rgb(190,161,90) |
hsl(43,43%,55%) |
| #5AABBE |
rgb(90,171,190) |
hsl(191,43%,55%) |
| #AABF5A |
rgb(170,191,90) |
hsl(72,44%,55%) |
