HEX #1578A5 color — Matisse
The color #1578A5 is a dark shade and highly saturated.
Palette
1578A5 color palette from light to dark
HEX |
RGB |
HSL |
#edf8fd |
rgb(237,248,253) |
hsl(199,77%,96%) |
#d6effa |
rgb(214,239,250) |
hsl(199,77%,91%) |
#c0e5f7 |
rgb(192,229,247) |
hsl(199,77%,86%) |
#a9dcf4 |
rgb(169,220,244) |
hsl(199,77%,81%) |
#93d3f1 |
rgb(147,211,241) |
hsl(199,77%,76%) |
#7ccaee |
rgb(124,202,238) |
hsl(199,77%,71%) |
#66c1eb |
rgb(102,193,235) |
hsl(199,77%,66%) |
#4fb8e8 |
rgb(79,184,232) |
hsl(199,77%,61%) |
#38aee5 |
rgb(56,174,229) |
hsl(199,77%,56%) |
#22a5e2 |
rgb(34,165,226) |
hsl(199,77%,51%) |
#1b96d0 |
rgb(27,150,208) |
hsl(199,77%,46%) |
#1886b9 |
rgb(24,134,185) |
hsl(199,77%,41%) |
#1576a2 |
rgb(21,118,162) |
hsl(199,77%,36%) |
#12658c |
rgb(18,101,140) |
hsl(199,77%,31%) |
#0f5575 |
rgb(15,85,117) |
hsl(199,77%,26%) |
#0c455f |
rgb(12,69,95) |
hsl(199,77%,21%) |
#093448 |
rgb(9,52,72) |
hsl(199,77%,16%) |
#062432 |
rgb(6,36,50) |
hsl(199,77%,11%) |
#04141b |
rgb(4,20,27) |
hsl(199,77%,6%) |
#010305 |
rgb(1,3,5) |
hsl(199,77%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#15A672 |
rgb(21,166,114) |
hsl(158,78%,37%) |
#1578A5 |
rgb(21,120,165) |
hsl(199,77%,36%) |
#1517A5 |
rgb(21,23,165) |
hsl(239,77%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#188CBF |
rgb(24,140,191) |
hsl(198,78%,42%) |
#1578A5 |
rgb(21,120,165) |
hsl(199,77%,36%) |
#11668A |
rgb(17,102,138) |
hsl(198,78%,30%) |
#0E5270 |
rgb(14,82,112) |
hsl(198,78%,25%) |
#0A3D55 |
rgb(10,61,85) |
hsl(199,79%,19%) |
#072B3B |
rgb(7,43,59) |
hsl(198,79%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#1578A5 |
rgb(21,120,165) |
hsl(199,77%,36%) |
#A51430 |
rgb(165,20,48) |
hsl(348,78%,36%) |
#A58A15 |
rgb(165,138,21) |
hsl(49,77%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#1578A5 |
rgb(21,120,165) |
hsl(199,77%,36%) |
#A54215 |
rgb(165,66,21) |
hsl(19,77%,36%) |
#15A68A |
rgb(21,166,138) |
hsl(168,78%,37%) |
#A58A15 |
rgb(165,138,21) |
hsl(49,77%,36%) |