Watercourse
#5DD2E4
Likes
26
Farben
5
CSS-Variablen
:root {
--c-vibrant-1: #5DD2E4;
--c-vibrant-2: #FDF4CC;
--c-vibrant-3: #FDD96A;
--c-vibrant-4: #F287B3;
--c-vibrant-5: #DA3C76;
}Über diese Palette
Diese lebendige Palette mit 5 Farben reicht vom hellsten Ton Lemon Tint (#FDF4CC) bis zum dunkelsten Ton Qermez Red (#DA3C76). Sie vereint Watercourse, Lemon Tint, Golden Nectar, Brown Knapweed und Qermez Red in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 10 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
Lemon Tint
#FDF4CC
Golden Nectar
#FDD96A
Brown Knapweed
#F287B3
Qermez Red
#DA3C76
Kontrast & Barrierefreiheit
0 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FDF4CC auf #DA3C76
3,88:1
AA (großer Text)
Aa
#FDD96A auf #DA3C76
3,13:1
AA (großer Text)
Aa
#5DD2E4 auf #DA3C76
2,41:1
Nicht bestanden
Aa
#FDF4CC auf #F287B3
2,14:1
Nicht bestanden
Aa
#F287B3 auf #DA3C76
1,82:1
Nicht bestanden
Aa
#FDD96A auf #F287B3
1,72:1
Nicht bestanden
Aa
#5DD2E4 auf #FDF4CC
1,61:1
Nicht bestanden
Aa
#5DD2E4 auf #F287B3
1,33:1
Nicht bestanden
Aa
#5DD2E4 auf #FDD96A
1,30:1
Nicht bestanden
Aa
#FDF4CC auf #FDD96A
1,24:1
Nicht bestanden
Ähnliche Paletten
#FFF5E4
#FFE3E1
#FFD1D1
#FF9494
#F9F5F6
#F8E8EE
#FDCEDF
#F2BED1
#FFC7C7
#FFE2E2
#F6F6F6
#8785A2
#AD8B73
#CEAB93
#E3CAA5
#FFFBE9
#F38181
#FCE38A
#EAFFD0
#95E1D3
#B7C4CF
#EEE3CB
#D7C0AE
#967E76
#FFEDDB
#EDCDBB
#E3B7A0
#BF9270
#8D7B68
#A4907C
#C8B6A6
#F1DEC9