Startseite Farbpaletten Palette „Precious Persimmon“ mit 4 Farben

Palette „Precious Persimmon“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Precious Persimmon“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär

Likes 3.135

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #FE7743;
  --c-muted-2: #273F4F;
  --c-muted-3: #447D9B;
  --c-muted-4: #D7D7D7;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Cape Hope (#D7D7D7) bis zum dunkelsten Ton Depths of the Nile (#273F4F). Sie vereint Precious Persimmon, Depths of the Nile, Linoleum Blue und Cape Hope 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 #273F4F auf #D7D7D7 mit 7,64:1.

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

Farben im Detail

Precious Persimmon #FE7743

RGB: rgb(254, 119, 67)
HSL: hsl(17, 99%, 63%)
Luminanz: 0,347

Depths of the Nile #273F4F

RGB: rgb(39, 63, 79)
HSL: hsl(204, 34%, 23%)
Luminanz: 0,046

Linoleum Blue #447D9B

RGB: rgb(68, 125, 155)
HSL: hsl(201, 39%, 44%)
Luminanz: 0,183

Cape Hope #D7D7D7

RGB: rgb(215, 215, 215)
HSL: hsl(0, 0%, 84%)
Luminanz: 0,680

Kontrast & Barrierefreiheit

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

Aa #273F4F auf #D7D7D7 7,64:1 AAA

Aa #FE7743 auf #273F4F 4,15:1 AA (großer Text)

Aa #447D9B auf #D7D7D7 3,14:1 AA (großer Text)

Aa #273F4F auf #447D9B 2,44:1 Nicht bestanden

Aa #FE7743 auf #D7D7D7 1,84:1 Nicht bestanden

Aa #FE7743 auf #447D9B 1,71:1 Nicht bestanden

Palette „Precious Persimmon“ mit 4 Farben