Startseite Farbpaletten Palette „Erythrosine“ mit 4 Farben

Palette „Erythrosine“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Analog

Zurück zur Bibliothek

Palette „Erythrosine“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Analog

Bearbeiten

Lebendig 4 Farben Warm Hell Analog

Likes 4.307

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFF1E9;
  --c-vibrant-2: #FFD5D5;
  --c-vibrant-3: #FC7FB2;
  --c-vibrant-4: #45454D;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Pico Ivory (#FFF1E9) bis zum dunkelsten Ton Night Grey (#45454D). Sie vereint Pico Ivory, Pink Clay, Erythrosine und Night Grey 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 #FFF1E9 auf #45454D mit 8,6:1.

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

Farben im Detail

Pico Ivory #FFF1E9

RGB: rgb(255, 241, 233)
HSL: hsl(22, 100%, 96%)
Luminanz: 0,901

Pink Clay #FFD5D5

RGB: rgb(255, 213, 213)
HSL: hsl(0, 100%, 92%)
Luminanz: 0,737

Erythrosine #FC7FB2

RGB: rgb(252, 127, 178)
HSL: hsl(336, 95%, 74%)
Luminanz: 0,391

Night Grey #45454D

RGB: rgb(69, 69, 77)
HSL: hsl(240, 5%, 29%)
Luminanz: 0,061

Kontrast & Barrierefreiheit

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

Aa #FFF1E9 auf #45454D 8,60:1 AAA

Aa #FFD5D5 auf #45454D 7,11:1 AAA

Aa #FC7FB2 auf #45454D 3,99:1 AA (großer Text)

Aa #FFF1E9 auf #FC7FB2 2,16:1 Nicht bestanden

Aa #FFD5D5 auf #FC7FB2 1,78:1 Nicht bestanden

Aa #FFF1E9 auf #FFD5D5 1,21:1 Nicht bestanden

Palette „Erythrosine“ mit 4 Farben