Startseite Farbpaletten Palette „Pink Pepper“ mit 4 Farben

Palette „Pink Pepper“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Pink Pepper“ 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 5.070

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #EB586F;
  --c-muted-2: #D8E9F0;
  --c-muted-3: #4AA0D5;
  --c-muted-4: #454553;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Icicle Veil (#D8E9F0) bis zum dunkelsten Ton Black Sapphire (#454553). Sie vereint Pink Pepper, Icicle Veil, Peaceful River und Black Sapphire 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 #D8E9F0 auf #454553 mit 7,55:1.

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

Farben im Detail

Pink Pepper #EB586F

RGB: rgb(235, 88, 111)
HSL: hsl(351, 79%, 63%)
Luminanz: 0,258

Icicle Veil #D8E9F0

RGB: rgb(216, 233, 240)
HSL: hsl(198, 44%, 89%)
Luminanz: 0,792

Peaceful River #4AA0D5

RGB: rgb(74, 160, 213)
HSL: hsl(203, 62%, 56%)
Luminanz: 0,314

Black Sapphire #454553

RGB: rgb(69, 69, 83)
HSL: hsl(240, 9%, 30%)
Luminanz: 0,062

Kontrast & Barrierefreiheit

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

Aa #D8E9F0 auf #454553 7,55:1 AAA

Aa #4AA0D5 auf #454553 3,27:1 AA (großer Text)

Aa #EB586F auf #454553 2,76:1 Nicht bestanden

Aa #EB586F auf #D8E9F0 2,73:1 Nicht bestanden

Aa #D8E9F0 auf #4AA0D5 2,31:1 Nicht bestanden

Aa #EB586F auf #4AA0D5 1,18:1 Nicht bestanden

Palette „Pink Pepper“ mit 4 Farben