Startseite Farbpaletten Palette „Fire Dragon Bright“ mit 4 Farben

Palette „Fire Dragon Bright“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Fire Dragon Bright“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Triadisch

Likes 2.438

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #EBE9F6;
  --c-muted-2: #453C38;
  --c-muted-3: #6A5C55;
  --c-muted-4: #F66E00;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Silver Phoenix (#EBE9F6) bis zum dunkelsten Ton Delicioso (#453C38). Sie vereint Silver Phoenix, Delicioso, Sausalito Ridge und Fire Dragon Bright 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 #EBE9F6 auf #453C38 mit 8,95:1.

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

Farben im Detail

Silver Phoenix #EBE9F6

RGB: rgb(235, 233, 246)
HSL: hsl(249, 42%, 94%)
Luminanz: 0,826

Delicioso #453C38

RGB: rgb(69, 60, 56)
HSL: hsl(18, 10%, 25%)
Luminanz: 0,048

Sausalito Ridge #6A5C55

RGB: rgb(106, 92, 85)
HSL: hsl(20, 11%, 37%)
Luminanz: 0,114

Fire Dragon Bright #F66E00

RGB: rgb(246, 110, 0)
HSL: hsl(27, 100%, 48%)
Luminanz: 0,307

Kontrast & Barrierefreiheit

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

Aa #EBE9F6 auf #453C38 8,95:1 AAA

Aa #EBE9F6 auf #6A5C55 5,35:1 AA

Aa #453C38 auf #F66E00 3,65:1 AA (großer Text)

Aa #EBE9F6 auf #F66E00 2,45:1 Nicht bestanden

Aa #6A5C55 auf #F66E00 2,18:1 Nicht bestanden

Aa #453C38 auf #6A5C55 1,67:1 Nicht bestanden

Palette „Fire Dragon Bright“ mit 4 Farben