River Styx
#141720
Likes
14
Farben
5
CSS-Variablen
:root {
--c-vibrant-1: #141720;
--c-vibrant-2: #0A5AA1;
--c-vibrant-3: #46E0E0;
--c-vibrant-4: #FFF04F;
--c-vibrant-5: #F14141;
}Über diese Palette
Diese lebendige Palette mit 5 Farben reicht vom hellsten Ton Yellow Cattleya (#FFF04F) bis zum dunkelsten Ton River Styx (#141720). Sie vereint River Styx, Princess Blue, Neon Nazar, Yellow Cattleya und Glowing Brake Disc in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 10. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #141720 auf #FFF04F mit 15,2:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Princess Blue
#0A5AA1
Neon Nazar
#46E0E0
Yellow Cattleya
#FFF04F
Glowing Brake Disc
#F14141
Kontrast & Barrierefreiheit
4 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#141720 auf #FFF04F
15,20:1
AAA
Aa
#141720 auf #46E0E0
11,08:1
AAA
Aa
#0A5AA1 auf #FFF04F
5,96:1
AA
Aa
#141720 auf #F14141
4,75:1
AA
Aa
#0A5AA1 auf #46E0E0
4,35:1
AA (großer Text)
Aa
#FFF04F auf #F14141
3,20:1
AA (großer Text)
Aa
#141720 auf #0A5AA1
2,55:1
Nicht bestanden
Aa
#46E0E0 auf #F14141
2,33:1
Nicht bestanden
Aa
#0A5AA1 auf #F14141
1,86:1
Nicht bestanden
Aa
#46E0E0 auf #FFF04F
1,37: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