Startseite Farbpaletten Palette „Crayola Orange“ mit 4 Farben

Palette „Crayola Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Crayola Orange“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Triadisch

Likes 6.405

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #C5D7BD;
  --c-muted-2: #9FB8AD;
  --c-muted-3: #383E56;
  --c-muted-4: #FB743E;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Surf Crest (#C5D7BD) bis zum dunkelsten Ton Black River Falls (#383E56). Sie vereint Surf Crest, Pistachio Ice Cream, Black River Falls und Crayola Orange 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 #C5D7BD auf #383E56 mit 6,94:1.

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

Farben im Detail

Surf Crest #C5D7BD

RGB: rgb(197, 215, 189)
HSL: hsl(102, 25%, 79%)
Luminanz: 0,642

Pistachio Ice Cream #9FB8AD

RGB: rgb(159, 184, 173)
HSL: hsl(154, 15%, 67%)
Luminanz: 0,447

Black River Falls #383E56

RGB: rgb(56, 62, 86)
HSL: hsl(228, 21%, 28%)
Luminanz: 0,050

Crayola Orange #FB743E

RGB: rgb(251, 116, 62)
HSL: hsl(17, 96%, 61%)
Luminanz: 0,334

Kontrast & Barrierefreiheit

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

Aa #C5D7BD auf #383E56 6,94:1 AA

Aa #9FB8AD auf #383E56 4,99:1 AA

Aa #383E56 auf #FB743E 3,85:1 AA (großer Text)

Aa #C5D7BD auf #FB743E 1,80:1 Nicht bestanden

Aa #C5D7BD auf #9FB8AD 1,39:1 Nicht bestanden

Aa #9FB8AD auf #FB743E 1,30:1 Nicht bestanden

Palette „Crayola Orange“ mit 4 Farben