Startseite Farbpaletten Palette „Coral Coast“ mit 4 Farben

Palette „Coral Coast“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Coral Coast“ 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 2.694

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #146C78;
  --c-muted-2: #0E91A1;
  --c-muted-3: #7DCE94;
  --c-muted-4: #EFEDE7;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Hacienda White (#EFEDE7) bis zum dunkelsten Ton Teal Fury (#146C78). Sie vereint Teal Fury, Coral Coast, Garden Glow und Hacienda White 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 #146C78 auf #EFEDE7 mit 5,21:1.

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

Farben im Detail

Teal Fury #146C78

RGB: rgb(20, 108, 120)
HSL: hsl(187, 71%, 27%)
Luminanz: 0,122

Coral Coast #0E91A1

RGB: rgb(14, 145, 161)
HSL: hsl(187, 84%, 34%)
Luminanz: 0,229

Garden Glow #7DCE94

RGB: rgb(125, 206, 148)
HSL: hsl(137, 45%, 65%)
Luminanz: 0,506

Hacienda White #EFEDE7

RGB: rgb(239, 237, 231)
HSL: hsl(45, 20%, 92%)
Luminanz: 0,847

Kontrast & Barrierefreiheit

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

Aa #146C78 auf #EFEDE7 5,21:1 AA

Aa #146C78 auf #7DCE94 3,23:1 AA (großer Text)

Aa #0E91A1 auf #EFEDE7 3,21:1 AA (großer Text)

Aa #0E91A1 auf #7DCE94 1,99:1 Nicht bestanden

Aa #146C78 auf #0E91A1 1,62:1 Nicht bestanden

Aa #7DCE94 auf #EFEDE7 1,61:1 Nicht bestanden

Palette „Coral Coast“ mit 4 Farben