Startseite Farbpaletten Tangerine Noir

Tangerine Noir

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Tangerine Noir

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Monochrom minimal tangerine citris

Likes 87

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #FCFCFC;
  --c-muted-2: #393541;
  --c-muted-3: #191A1F;
  --c-muted-4: #EE964B;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Emptiness (#FCFCFC) bis zum dunkelsten Ton Gluon Grey (#191A1F). Sie vereint Emptiness, Professor Plum, Gluon Grey und Physalis in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FCFCFC auf #191A1F mit 16,93:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Emptiness #FCFCFC

RGB: rgb(252, 252, 252)
HSL: hsl(0, 0%, 99%)
Luminanz: 0,973

Professor Plum #393541

RGB: rgb(57, 53, 65)
HSL: hsl(260, 10%, 23%)
Luminanz: 0,038

Gluon Grey #191A1F

RGB: rgb(25, 26, 31)
HSL: hsl(230, 11%, 11%)
Luminanz: 0,010

Physalis #EE964B

RGB: rgb(238, 150, 75)
HSL: hsl(28, 83%, 61%)
Luminanz: 0,405

Kontrast & Barrierefreiheit

4 von 6 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #FCFCFC auf #191A1F 16,93:1 AAA

Aa #FCFCFC auf #393541 11,63:1 AAA

Aa #191A1F auf #EE964B 7,53:1 AAA

Aa #393541 auf #EE964B 5,17:1 AA

Aa #FCFCFC auf #EE964B 2,25:1 Nicht bestanden

Aa #393541 auf #191A1F 1,46:1 Nicht bestanden

Tangerine Noir

Tangerine Noir

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen