Honeydew Peel
#D9FF85
Likes
40
Farben
6
CSS-Variablen
:root {
--c-vibrant-1: #D9FF85;
--c-vibrant-2: #D2D61D;
--c-vibrant-3: #B18D3A;
--c-vibrant-4: #CB5785;
--c-vibrant-5: #3B3C83;
--c-vibrant-6: #00134A;
}Über diese Palette
Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Honeydew Peel (#D9FF85) bis zum dunkelsten Ton Kantor Blue (#00134A). Sie vereint Honeydew Peel, Sun Flooded Woods, Alpine, Pretty in Plum, Clematis Blue und Kantor Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #D9FF85 auf #00134A mit 15,6:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Sun Flooded Woods
#D2D61D
Alpine
#B18D3A
Pretty in Plum
#CB5785
Clematis Blue
#3B3C83
Kantor Blue
#00134A
Kontrast & Barrierefreiheit
5 von 15 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#D9FF85 auf #00134A
15,60:1
AAA
Aa
#D2D61D auf #00134A
11,22:1
AAA
Aa
#D9FF85 auf #3B3C83
8,61:1
AAA
Aa
#D2D61D auf #3B3C83
6,19:1
AA
Aa
#B18D3A auf #00134A
5,65:1
AA
Aa
#CB5785 auf #00134A
4,40:1
AA (großer Text)
Aa
#D9FF85 auf #CB5785
3,55:1
AA (großer Text)
Aa
#B18D3A auf #3B3C83
3,12:1
AA (großer Text)
Aa
#D9FF85 auf #B18D3A
2,76:1
Nicht bestanden
Aa
#D2D61D auf #CB5785
2,55:1
Nicht bestanden
Aa
#CB5785 auf #3B3C83
2,43:1
Nicht bestanden
Aa
#D2D61D auf #B18D3A
1,98:1
Nicht bestanden
Aa
#3B3C83 auf #00134A
1,81:1
Nicht bestanden
Aa
#D9FF85 auf #D2D61D
1,39:1
Nicht bestanden
Aa
#B18D3A auf #CB5785
1,29:1
Nicht bestanden
Ähnliche Paletten
#EDF1D6
#9DC08B
#609966
#40513B
#F5F7F8
#F4CE14
#495E57
#45474B
#222831
#393E46
#FFD369
#EEEEEE
#000000
#52057B
#892CDC
#BC6FF1
#213555
#3E5879
#D8C4B6
#F5EFE7
#F5EFE7
#D8C4B6
#4F709C
#213555
#191A19
#1E5128
#4E9F3D
#D8E9A8
#352F44
#5C5470
#B9B4C7
#FAF0E6