Lost in Sadness
#141433
Likes
31
Farben
4
CSS-Variablen
:root {
--c-muted-1: #141433;
--c-muted-2: #1F1466;
--c-muted-3: #4A24B3;
--c-muted-4: #8F66CC;
}Über diese Palette
Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Amethyst (#8F66CC) bis zum dunkelsten Ton Lost in Sadness (#141433). Sie vereint Lost in Sadness, Ocean Abyss, Blue Depression und Amethyst in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Ocean Abyss
#1F1466
Blue Depression
#4A24B3
Amethyst
#8F66CC
Kontrast & Barrierefreiheit
0 von 6 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#141433 auf #8F66CC
4,20:1
AA (großer Text)
Aa
#1F1466 auf #8F66CC
3,66:1
AA (großer Text)
Aa
#4A24B3 auf #8F66CC
2,25:1
Nicht bestanden
Aa
#141433 auf #4A24B3
1,86:1
Nicht bestanden
Aa
#1F1466 auf #4A24B3
1,63:1
Nicht bestanden
Aa
#141433 auf #1F1466
1,15:1
Nicht bestanden
Ähnliche Paletten
#212121
#323232
#0D7377
#14FFEC
#0A2647
#144272
#205295
#2C74B3
#040D12
#183D3D
#5C8374
#93B1A6
#142850
#27496D
#0C7B93
#00A8CC
#635985
#443C68
#393053
#18122B
#000000
#150050
#3F0071
#610094
#151515
#301B3F
#3C415C
#B4A5A5
#041C32
#04293A
#064663
#ECB365