Startseite Farbpaletten Palette „Toxic Orange“ mit 4 Farben

Palette „Toxic Orange“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Split-komplementär

Zurück zur Bibliothek

Palette „Toxic Orange“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Split-komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Split-komplementär

Likes 3.568

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F2F2F0;
  --c-muted-2: #FF5E3A;
  --c-muted-3: #2C365D;
  --c-muted-4: #272E4F;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Delicate White (#F2F2F0) bis zum dunkelsten Ton Wahoo (#272E4F). Sie vereint Delicate White, Toxic Orange, Quill Tip und Wahoo in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F2F2F0 auf #272E4F mit 11,78:1.

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

Farben im Detail

Delicate White #F2F2F0

RGB: rgb(242, 242, 240)
HSL: hsl(60, 7%, 95%)
Luminanz: 0,887

Toxic Orange #FF5E3A

RGB: rgb(255, 94, 58)
HSL: hsl(11, 100%, 61%)
Luminanz: 0,296

Quill Tip #2C365D

RGB: rgb(44, 54, 93)
HSL: hsl(228, 36%, 27%)
Luminanz: 0,040

Wahoo #272E4F

RGB: rgb(39, 46, 79)
HSL: hsl(230, 34%, 23%)
Luminanz: 0,030

Kontrast & Barrierefreiheit

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

Aa #F2F2F0 auf #272E4F 11,78:1 AAA

Aa #F2F2F0 auf #2C365D 10,45:1 AAA

Aa #FF5E3A auf #272E4F 4,35:1 AA (großer Text)

Aa #FF5E3A auf #2C365D 3,86:1 AA (großer Text)

Aa #F2F2F0 auf #FF5E3A 2,71:1 Nicht bestanden

Aa #2C365D auf #272E4F 1,13:1 Nicht bestanden

Palette „Toxic Orange“ mit 4 Farben