HEX #4578C0 color — Indigo
The color #4578C0 is a dark shade and moderately saturated.
Palette
4578C0 color palette from light to dark
HEX |
RGB |
HSL |
#f0f4fa |
rgb(240,244,250) |
hsl(215,49%,96%) |
#dde6f3 |
rgb(221,230,243) |
hsl(215,49%,91%) |
#cad8ed |
rgb(202,216,237) |
hsl(215,49%,86%) |
#b7cbe6 |
rgb(183,203,230) |
hsl(215,49%,81%) |
#a4bde0 |
rgb(164,189,224) |
hsl(215,49%,76%) |
#91afd9 |
rgb(145,175,217) |
hsl(215,49%,71%) |
#7ea1d3 |
rgb(126,161,211) |
hsl(215,49%,66%) |
#6b93cc |
rgb(107,147,204) |
hsl(215,49%,61%) |
#5886c6 |
rgb(88,134,198) |
hsl(215,49%,56%) |
#4578bf |
rgb(69,120,191) |
hsl(215,49%,51%) |
#3c6caf |
rgb(60,108,175) |
hsl(215,49%,46%) |
#35609c |
rgb(53,96,156) |
hsl(215,49%,41%) |
#2f5489 |
rgb(47,84,137) |
hsl(215,49%,36%) |
#284976 |
rgb(40,73,118) |
hsl(215,49%,31%) |
#223d63 |
rgb(34,61,99) |
hsl(215,49%,26%) |
#1b3150 |
rgb(27,49,80) |
hsl(215,49%,21%) |
#15253d |
rgb(21,37,61) |
hsl(215,49%,16%) |
#0e1a2a |
rgb(14,26,42) |
hsl(215,49%,11%) |
#080e17 |
rgb(8,14,23) |
hsl(215,49%,6%) |
#010204 |
rgb(1,2,4) |
hsl(215,49%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#45BFB6 |
rgb(69,191,182) |
hsl(176,49%,51%) |
#4578C0 |
rgb(69,120,192) |
hsl(215,49%,51%) |
#6445C0 |
rgb(100,69,192) |
hsl(255,49%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83A6D5 |
rgb(131,166,213) |
hsl(214,49%,67%) |
#648FCA |
rgb(100,143,202) |
hsl(215,49%,59%) |
#4578C0 |
rgb(69,120,192) |
hsl(215,49%,51%) |
#3763A3 |
rgb(55,99,163) |
hsl(216,50%,43%) |
#2C5284 |
rgb(44,82,132) |
hsl(214,50%,35%) |
#223D65 |
rgb(34,61,101) |
hsl(216,50%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#4578C0 |
rgb(69,120,192) |
hsl(215,49%,51%) |
#C04F45 |
rgb(192,79,69) |
hsl(5,49%,51%) |
#B5BF45 |
rgb(181,191,69) |
hsl(65,49%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4578C0 |
rgb(69,120,192) |
hsl(215,49%,51%) |
#C08C45 |
rgb(192,140,69) |
hsl(35,49%,51%) |
#45B5C0 |
rgb(69,181,192) |
hsl(185,49%,51%) |
#B5BF45 |
rgb(181,191,69) |
hsl(65,49%,51%) |