River Styx
#121922
Likes
61
Farben
8
CSS-Variablen
:root {
--c-muted-1: #121922;
--c-muted-2: #172B3A;
--c-muted-3: #1E4150;
--c-muted-4: #2F5D82;
--c-muted-5: #527BBC;
--c-muted-6: #7BA5EC;
--c-muted-7: #A7CDE0;
--c-muted-8: #E5EDF3;
}Über diese Palette
Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Morning Mist (#E5EDF3) bis zum dunkelsten Ton River Styx (#121922). Sie vereint River Styx, Oceanic Noir, Winter Waves, Pelagic, Diva Violet, Jordy Blue, Serendipity Blue und Morning Mist in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #121922 auf #E5EDF3 mit 14,93:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Oceanic Noir
#172B3A
Winter Waves
#1E4150
Pelagic
#2F5D82
Diva Violet
#527BBC
Jordy Blue
#7BA5EC
Serendipity Blue
#A7CDE0
Morning Mist
#E5EDF3
Kontrast & Barrierefreiheit
9 von 28 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#121922 auf #E5EDF3
14,93:1
AAA
Aa
#172B3A auf #E5EDF3
12,29:1
AAA
Aa
#121922 auf #A7CDE0
10,48:1
AAA
Aa
#1E4150 auf #E5EDF3
9,20:1
AAA
Aa
#172B3A auf #A7CDE0
8,63:1
AAA
Aa
#121922 auf #7BA5EC
7,10:1
AAA
Aa
#1E4150 auf #A7CDE0
6,46:1
AA
Aa
#2F5D82 auf #E5EDF3
5,90:1
AA
Aa
#172B3A auf #7BA5EC
5,85:1
AA
Aa
#1E4150 auf #7BA5EC
4,38:1
AA (großer Text)
Aa
#121922 auf #527BBC
4,14:1
AA (großer Text)
Aa
#2F5D82 auf #A7CDE0
4,14:1
AA (großer Text)
Aa
#527BBC auf #E5EDF3
3,61:1
AA (großer Text)
Aa
#172B3A auf #527BBC
3,41:1
AA (großer Text)
Aa
#2F5D82 auf #7BA5EC
2,80:1
Nicht bestanden
Aa
#1E4150 auf #527BBC
2,55:1
Nicht bestanden
Aa
#121922 auf #2F5D82
2,53:1
Nicht bestanden
Aa
#527BBC auf #A7CDE0
2,53:1
Nicht bestanden
Aa
#7BA5EC auf #E5EDF3
2,10:1
Nicht bestanden
Aa
#172B3A auf #2F5D82
2,09:1
Nicht bestanden
Aa
#527BBC auf #7BA5EC
1,72:1
Nicht bestanden
Aa
#2F5D82 auf #527BBC
1,63:1
Nicht bestanden
Aa
#121922 auf #1E4150
1,62:1
Nicht bestanden
Aa
#1E4150 auf #2F5D82
1,56:1
Nicht bestanden
Aa
#7BA5EC auf #A7CDE0
1,48:1
Nicht bestanden
Aa
#A7CDE0 auf #E5EDF3
1,42:1
Nicht bestanden
Aa
#172B3A auf #1E4150
1,34:1
Nicht bestanden
Aa
#121922 auf #172B3A
1,21:1
Nicht bestanden
Ähnliche Paletten
#222831
#393E46
#00ADB5
#EEEEEE
#F9F7F7
#DBE2EF
#3F72AF
#112D4E
#1B262C
#0F4C75
#3282B8
#BBE1FA
#08D9D6
#252A34
#FF2E63
#EAEAEA
#27374D
#526D82
#9DB2BF
#DDE6ED
#364F6B
#3FC1C9
#F5F5F5
#FC5185
#E4F9F5
#30E3CA
#11999E
#40514E
#F0F5F9
#C9D6DF
#52616B
#1E2022