Telopea
#2A2540
Likes
23
Farben
6
CSS-Variablen
:root {
--c-muted-1: #2A2540;
--c-muted-2: #372C51;
--c-muted-3: #423458;
--c-muted-4: #464A73;
--c-muted-5: #546799;
--c-muted-6: #5A80A7;
}Über diese Palette
Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton Sapphired (#5A80A7) bis zum dunkelsten Ton Telopea (#2A2540). Sie vereint Telopea, Midnight Pie, Naggaroth Night, Purple Berry, UCLA Blue und Sapphired in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 15 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
Midnight Pie
#372C51
Naggaroth Night
#423458
Purple Berry
#464A73
UCLA Blue
#546799
Sapphired
#5A80A7
Kontrast & Barrierefreiheit
0 von 15 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#2A2540 auf #5A80A7
3,54:1
AA (großer Text)
Aa
#372C51 auf #5A80A7
3,09:1
AA (großer Text)
Aa
#423458 auf #5A80A7
2,73:1
Nicht bestanden
Aa
#2A2540 auf #546799
2,63:1
Nicht bestanden
Aa
#372C51 auf #546799
2,30:1
Nicht bestanden
Aa
#464A73 auf #5A80A7
2,04:1
Nicht bestanden
Aa
#423458 auf #546799
2,03:1
Nicht bestanden
Aa
#2A2540 auf #464A73
1,73:1
Nicht bestanden
Aa
#372C51 auf #464A73
1,52:1
Nicht bestanden
Aa
#464A73 auf #546799
1,52:1
Nicht bestanden
Aa
#546799 auf #5A80A7
1,35:1
Nicht bestanden
Aa
#423458 auf #464A73
1,33:1
Nicht bestanden
Aa
#2A2540 auf #423458
1,30:1
Nicht bestanden
Aa
#2A2540 auf #372C51
1,14:1
Nicht bestanden
Aa
#372C51 auf #423458
1,14: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