Startseite Farbpaletten Palette „Turquoise Surf“ mit 4 Farben

Palette „Turquoise Surf“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Turquoise Surf“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Komplementär

Likes 5.042

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #512D6D;
  --c-muted-2: #F8485E;
  --c-muted-3: #EEEEEE;
  --c-muted-4: #00C1D4;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Super Silver (#EEEEEE) bis zum dunkelsten Ton Purple Seduction (#512D6D). Sie vereint Purple Seduction, Watermelon, Super Silver und Turquoise Surf 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 #512D6D auf #EEEEEE mit 9,3:1.

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

Farben im Detail

Purple Seduction #512D6D

RGB: rgb(81, 45, 109)
HSL: hsl(274, 42%, 30%)
Luminanz: 0,047

Watermelon #F8485E

RGB: rgb(248, 72, 94)
HSL: hsl(353, 93%, 63%)
Luminanz: 0,254

Super Silver #EEEEEE

RGB: rgb(238, 238, 238)
HSL: hsl(0, 0%, 93%)
Luminanz: 0,855

Turquoise Surf #00C1D4

RGB: rgb(0, 193, 212)
HSL: hsl(185, 100%, 42%)
Luminanz: 0,429

Kontrast & Barrierefreiheit

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

Aa #512D6D auf #EEEEEE 9,30:1 AAA

Aa #512D6D auf #00C1D4 4,92:1 AA

Aa #512D6D auf #F8485E 3,12:1 AA (großer Text)

Aa #F8485E auf #EEEEEE 2,98:1 Nicht bestanden

Aa #EEEEEE auf #00C1D4 1,89:1 Nicht bestanden

Aa #F8485E auf #00C1D4 1,58:1 Nicht bestanden

Palette „Turquoise Surf“ mit 4 Farben