Oil Slick
#031700
Likes
3
Farben
4
CSS-Variablen
:root {
--c-vibrant-1: #031700;
--c-vibrant-2: #0A4E00;
--c-vibrant-3: #15A600;
--c-vibrant-4: #BEFFB4;
}Über diese Palette
Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Glow in the Dark (#BEFFB4) bis zum dunkelsten Ton Oil Slick (#031700). Sie vereint Oil Slick, Malachite Green, Peter Pan und Glow in the Dark in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #031700 auf #BEFFB4 mit 16,12:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Malachite Green
#0A4E00
Peter Pan
#15A600
Glow in the Dark
#BEFFB4
Kontrast & Barrierefreiheit
3 von 6 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#031700 auf #BEFFB4
16,12:1
AAA
Aa
#0A4E00 auf #BEFFB4
8,63:1
AAA
Aa
#031700 auf #15A600
5,76:1
AA
Aa
#0A4E00 auf #15A600
3,08:1
AA (großer Text)
Aa
#15A600 auf #BEFFB4
2,80:1
Nicht bestanden
Aa
#031700 auf #0A4E00
1,87:1
Nicht bestanden
Ähnliche Paletten
#000000
#3E065F
#700B97
#8E05C2
#000000
#150050
#3F0071
#FB2576
#000000
#3E432E
#616F39
#A7D129
#4B5D67
#322F3D
#59405C
#87556F
#18230F
#27391C
#255F38
#1F7D53
#FF5200
#6F0000
#00263B
#00A1AB
#000000
#0F6292
#16FF00
#FFED00
#251D3A
#2A2550
#E04D01
#FF7700