Startseite Farbpaletten Palette „Epicurean Orange“ mit 4 Farben

Palette „Epicurean Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Epicurean Orange“ 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 2.219

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #B6E1E0;
  --c-muted-2: #9CD3D3;
  --c-muted-3: #E8630A;
  --c-muted-4: #2B4353;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Fine Blue (#B6E1E0) bis zum dunkelsten Ton Blue Wing Teal (#2B4353). Sie vereint Fine Blue, Morning Glory, Epicurean Orange und Blue Wing Teal 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 #B6E1E0 auf #2B4353 mit 7,31:1.

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

Farben im Detail

Fine Blue #B6E1E0

RGB: rgb(182, 225, 224)
HSL: hsl(179, 42%, 80%)
Luminanz: 0,692

Morning Glory #9CD3D3

RGB: rgb(156, 211, 211)
HSL: hsl(180, 38%, 72%)
Luminanz: 0,584

Epicurean Orange #E8630A

RGB: rgb(232, 99, 10)
HSL: hsl(24, 92%, 47%)
Luminanz: 0,261

Blue Wing Teal #2B4353

RGB: rgb(43, 67, 83)
HSL: hsl(204, 32%, 25%)
Luminanz: 0,052

Kontrast & Barrierefreiheit

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

Aa #B6E1E0 auf #2B4353 7,31:1 AAA

Aa #9CD3D3 auf #2B4353 6,24:1 AA

Aa #E8630A auf #2B4353 3,06:1 AA (großer Text)

Aa #B6E1E0 auf #E8630A 2,39:1 Nicht bestanden

Aa #9CD3D3 auf #E8630A 2,04:1 Nicht bestanden

Aa #B6E1E0 auf #9CD3D3 1,17:1 Nicht bestanden

Palette „Epicurean Orange“ mit 4 Farben