HEX #4578C1 color — Indigo
The color #4578C1 is a dark shade and moderately saturated.
Palette
4578C1 color palette from light to dark
HEX |
RGB |
HSL |
#f0f4fa |
rgb(240,244,250) |
hsl(215,50%,96%) |
#dde6f4 |
rgb(221,230,244) |
hsl(215,50%,91%) |
#c9d8ed |
rgb(201,216,237) |
hsl(215,50%,86%) |
#b6cbe7 |
rgb(182,203,231) |
hsl(215,50%,81%) |
#a3bde0 |
rgb(163,189,224) |
hsl(215,50%,76%) |
#90afda |
rgb(144,175,218) |
hsl(215,50%,71%) |
#7da1d4 |
rgb(125,161,212) |
hsl(215,50%,66%) |
#6a93cd |
rgb(106,147,205) |
hsl(215,50%,61%) |
#5785c7 |
rgb(87,133,199) |
hsl(215,50%,56%) |
#4478c1 |
rgb(68,120,193) |
hsl(215,50%,51%) |
#3b6cb0 |
rgb(59,108,176) |
hsl(215,50%,46%) |
#34609d |
rgb(52,96,157) |
hsl(215,50%,41%) |
#2e548a |
rgb(46,84,138) |
hsl(215,50%,36%) |
#284877 |
rgb(40,72,119) |
hsl(215,50%,31%) |
#213d63 |
rgb(33,61,99) |
hsl(215,50%,26%) |
#1b3150 |
rgb(27,49,80) |
hsl(215,50%,21%) |
#14253d |
rgb(20,37,61) |
hsl(215,50%,16%) |
#0e1a2a |
rgb(14,26,42) |
hsl(215,50%,11%) |
#080e17 |
rgb(8,14,23) |
hsl(215,50%,6%) |
#010204 |
rgb(1,2,4) |
hsl(215,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#45C2B7 |
rgb(69,194,183) |
hsl(175,51%,52%) |
#4578C1 |
rgb(69,120,193) |
hsl(215,50%,51%) |
#6445C1 |
rgb(100,69,193) |
hsl(255,50%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83A6D5 |
rgb(131,166,213) |
hsl(214,49%,67%) |
#648FCB |
rgb(100,143,203) |
hsl(215,50%,59%) |
#4578C1 |
rgb(69,120,193) |
hsl(215,50%,51%) |
#3763A5 |
rgb(55,99,165) |
hsl(216,50%,43%) |
#2C5285 |
rgb(44,82,133) |
hsl(214,50%,35%) |
#223D66 |
rgb(34,61,102) |
hsl(216,50%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4578C1 |
rgb(69,120,193) |
hsl(215,50%,51%) |
#C14F45 |
rgb(193,79,69) |
hsl(5,50%,51%) |
#B6C245 |
rgb(182,194,69) |
hsl(66,51%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4578C1 |
rgb(69,120,193) |
hsl(215,50%,51%) |
#C18F45 |
rgb(193,143,69) |
hsl(36,50%,51%) |
#45B5C1 |
rgb(69,181,193) |
hsl(186,50%,51%) |
#B6C245 |
rgb(182,194,69) |
hsl(66,51%,52%) |