Indigo Purple
#6D009C
Likes
7
Farben
4
CSS-Variablen
:root {
--c-vibrant-1: #6D009C;
--c-vibrant-2: #FFCF00;
--c-vibrant-3: #FF8100;
--c-vibrant-4: #000000;
}Über diese Palette
Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Fluorescent Orange (#FFCF00) bis zum dunkelsten Ton Black (#000000). Sie vereint Indigo Purple, Fluorescent Orange, Orange Juice und Black 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 #FFCF00 auf #000000 mit 14,18:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Fluorescent Orange
#FFCF00
Orange Juice
#FF8100
Black
#000000
Kontrast & Barrierefreiheit
3 von 6 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FFCF00 auf #000000
14,18:1
AAA
Aa
#FF8100 auf #000000
8,39:1
AAA
Aa
#6D009C auf #FFCF00
6,65:1
AA
Aa
#6D009C auf #FF8100
3,94:1
AA (großer Text)
Aa
#6D009C auf #000000
2,13:1
Nicht bestanden
Aa
#FFCF00 auf #FF8100
1,69:1
Nicht bestanden
Ähnliche Paletten
#000000
#3D0000
#950101
#FF0000
#E23E57
#88304E
#522546
#311D3F
#FF204E
#A0153E
#5D0E41
#00224D
#030637
#3C0753
#720455
#910A67
#1C0A00
#361500
#603601
#CC9544
#252525
#FF0000
#AF0404
#414141
#362222
#171010
#423F3E
#2B2B2B
#1A1A1D
#3B1C32
#6A1E55
#A64D79