Viridian
#169468
Likes
3
Farben
4
CSS-Variablen
:root {
--c-vibrant-1: #169468;
--c-vibrant-2: #1C889E;
--c-vibrant-3: #266391;
--c-vibrant-4: #2D2078;
}Über diese Palette
Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Viridian (#169468) bis zum dunkelsten Ton Blue Royale (#2D2078). Sie vereint Viridian, Waikiki, Starry Night und Blue Royale 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
Waikiki
#1C889E
Starry Night
#266391
Blue Royale
#2D2078
Kontrast & Barrierefreiheit
0 von 6 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#169468 auf #2D2078
3,44:1
AA (großer Text)
Aa
#1C889E auf #2D2078
3,19:1
AA (großer Text)
Aa
#266391 auf #2D2078
2,06:1
Nicht bestanden
Aa
#169468 auf #266391
1,67:1
Nicht bestanden
Aa
#1C889E auf #266391
1,55:1
Nicht bestanden
Aa
#169468 auf #1C889E
1,08: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