Canola Oil
#F2EB7C
Likes
56
Farben
8
CSS-Variablen
:root {
--c-vibrant-1: #F2EB7C;
--c-vibrant-2: #89D63C;
--c-vibrant-3: #08785E;
--c-vibrant-4: #DE5B91;
--c-vibrant-5: #8B2996;
--c-vibrant-6: #289094;
--c-vibrant-7: #103B4F;
--c-vibrant-8: #2B0341;
}Über diese Palette
Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Canola Oil (#F2EB7C) bis zum dunkelsten Ton Edge of Space (#2B0341). Sie vereint Canola Oil, Midsummer Field, Emerald Dream, Carmine Rose, Leviathan Purple, Fish Story, Gibraltar Sea und Edge of Space in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F2EB7C auf #2B0341 mit 14,22:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Midsummer Field
#89D63C
Emerald Dream
#08785E
Carmine Rose
#DE5B91
Leviathan Purple
#8B2996
Fish Story
#289094
Gibraltar Sea
#103B4F
Edge of Space
#2B0341
Kontrast & Barrierefreiheit
7 von 28 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#F2EB7C auf #2B0341
14,22:1
AAA
Aa
#89D63C auf #2B0341
9,85:1
AAA
Aa
#F2EB7C auf #103B4F
9,63:1
AAA
Aa
#89D63C auf #103B4F
6,67:1
AA
Aa
#F2EB7C auf #8B2996
5,94:1
AA
Aa
#DE5B91 auf #2B0341
5,04:1
AA
Aa
#289094 auf #2B0341
4,62:1
AA
Aa
#F2EB7C auf #08785E
4,39:1
AA (großer Text)
Aa
#89D63C auf #8B2996
4,11:1
AA (großer Text)
Aa
#DE5B91 auf #103B4F
3,41:1
AA (großer Text)
Aa
#08785E auf #2B0341
3,24:1
AA (großer Text)
Aa
#289094 auf #103B4F
3,13:1
AA (großer Text)
Aa
#F2EB7C auf #289094
3,08:1
AA (großer Text)
Aa
#89D63C auf #08785E
3,04:1
AA (großer Text)
Aa
#F2EB7C auf #DE5B91
2,82:1
Nicht bestanden
Aa
#8B2996 auf #2B0341
2,40:1
Nicht bestanden
Aa
#08785E auf #103B4F
2,19:1
Nicht bestanden
Aa
#89D63C auf #289094
2,13:1
Nicht bestanden
Aa
#DE5B91 auf #8B2996
2,11:1
Nicht bestanden
Aa
#89D63C auf #DE5B91
1,95:1
Nicht bestanden
Aa
#8B2996 auf #289094
1,93:1
Nicht bestanden
Aa
#8B2996 auf #103B4F
1,62:1
Nicht bestanden
Aa
#08785E auf #DE5B91
1,56:1
Nicht bestanden
Aa
#103B4F auf #2B0341
1,48:1
Nicht bestanden
Aa
#F2EB7C auf #89D63C
1,44:1
Nicht bestanden
Aa
#08785E auf #289094
1,43:1
Nicht bestanden
Aa
#08785E auf #8B2996
1,35:1
Nicht bestanden
Aa
#DE5B91 auf #289094
1,09: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