Startseite Farbpaletten Palette „Adonis Rose Yellow“ mit 4 Farben

Palette „Adonis Rose Yellow“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Adonis Rose Yellow“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Triadisch

Likes 5.283

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #184D47;
  --c-muted-2: #96BB7C;
  --c-muted-3: #D6EFC7;
  --c-muted-4: #EEBB4D;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Fresh Lime (#D6EFC7) bis zum dunkelsten Ton Swedish Green (#184D47). Sie vereint Swedish Green, Sago Garden, Fresh Lime und Adonis Rose Yellow 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 #184D47 auf #D6EFC7 mit 7,77:1.

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

Farben im Detail

Swedish Green #184D47

RGB: rgb(24, 77, 71)
HSL: hsl(173, 52%, 20%)
Luminanz: 0,060

Sago Garden #96BB7C

RGB: rgb(150, 187, 124)
HSL: hsl(95, 32%, 61%)
Luminanz: 0,435

Fresh Lime #D6EFC7

RGB: rgb(214, 239, 199)
HSL: hsl(98, 56%, 86%)
Luminanz: 0,802

Adonis Rose Yellow #EEBB4D

RGB: rgb(238, 187, 77)
HSL: hsl(41, 83%, 62%)
Luminanz: 0,543

Kontrast & Barrierefreiheit

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

Aa #184D47 auf #D6EFC7 7,77:1 AAA

Aa #184D47 auf #EEBB4D 5,41:1 AA

Aa #184D47 auf #96BB7C 4,42:1 AA (großer Text)

Aa #96BB7C auf #D6EFC7 1,76:1 Nicht bestanden

Aa #D6EFC7 auf #EEBB4D 1,44:1 Nicht bestanden

Aa #96BB7C auf #EEBB4D 1,22:1 Nicht bestanden

Palette „Adonis Rose Yellow“ mit 4 Farben