Startseite Farbpaletten Palette „Pompelmo“ mit 4 Farben

Palette „Pompelmo“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Pompelmo“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch

Likes 5.239

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #17223B;
  --c-muted-2: #263859;
  --c-muted-3: #6B778D;
  --c-muted-4: #FF6768;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Pompelmo (#FF6768) bis zum dunkelsten Ton Cool Balaclavas Are Forever (#17223B). Sie vereint Cool Balaclavas Are Forever, Nautilus, Legal Eagle und Pompelmo in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #17223B auf #FF6768 mit 5,56:1.

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

Farben im Detail

Cool Balaclavas Are Forever #17223B

RGB: rgb(23, 34, 59)
HSL: hsl(222, 44%, 16%)
Luminanz: 0,016

Nautilus #263859

RGB: rgb(38, 56, 89)
HSL: hsl(219, 40%, 25%)
Luminanz: 0,040

Legal Eagle #6B778D

RGB: rgb(107, 119, 141)
HSL: hsl(219, 14%, 49%)
Luminanz: 0,182

Pompelmo #FF6768

RGB: rgb(255, 103, 104)
HSL: hsl(360, 100%, 70%)
Luminanz: 0,320

Kontrast & Barrierefreiheit

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

Aa #17223B auf #FF6768 5,56:1 AA

Aa #263859 auf #FF6768 4,12:1 AA (großer Text)

Aa #17223B auf #6B778D 3,50:1 AA (großer Text)

Aa #263859 auf #6B778D 2,59:1 Nicht bestanden

Aa #6B778D auf #FF6768 1,59:1 Nicht bestanden

Aa #17223B auf #263859 1,35:1 Nicht bestanden

Palette „Pompelmo“ mit 4 Farben