Startseite Farbpaletten Palette „Sea Buckthorn“ mit 4 Farben

Palette „Sea Buckthorn“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Sea Buckthorn“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 2.192

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #605678;
  --c-vibrant-2: #8ABFA3;
  --c-vibrant-3: #FFBF61;
  --c-vibrant-4: #FFE6A5;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sun Drenched (#FFE6A5) bis zum dunkelsten Ton Taylor (#605678). Sie vereint Taylor, Lark Green, Sea Buckthorn und Sun Drenched 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 #605678 auf #FFE6A5 mit 5,52:1.

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

Farben im Detail

Taylor #605678

RGB: rgb(96, 86, 120)
HSL: hsl(258, 17%, 40%)
Luminanz: 0,105

Lark Green #8ABFA3

RGB: rgb(138, 191, 163)
HSL: hsl(148, 29%, 65%)
Luminanz: 0,453

Sea Buckthorn #FFBF61

RGB: rgb(255, 191, 97)
HSL: hsl(36, 100%, 69%)
Luminanz: 0,594

Sun Drenched #FFE6A5

RGB: rgb(255, 230, 165)
HSL: hsl(43, 100%, 82%)
Luminanz: 0,806

Kontrast & Barrierefreiheit

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

Aa #605678 auf #FFE6A5 5,52:1 AA

Aa #605678 auf #FFBF61 4,15:1 AA (großer Text)

Aa #605678 auf #8ABFA3 3,25:1 AA (großer Text)

Aa #8ABFA3 auf #FFE6A5 1,70:1 Nicht bestanden

Aa #FFBF61 auf #FFE6A5 1,33:1 Nicht bestanden

Aa #8ABFA3 auf #FFBF61 1,28:1 Nicht bestanden

Palette „Sea Buckthorn“ mit 4 Farben