Startseite Farbpaletten Palette „Radish Lips“ mit 4 Farben

Palette „Radish Lips“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Radish Lips“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Komplementär

Likes 5.478

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F23557;
  --c-vibrant-2: #F0D43A;
  --c-vibrant-3: #22B2DA;
  --c-vibrant-4: #3B4A6B;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Giallo (#F0D43A) bis zum dunkelsten Ton Jazz Age Blues (#3B4A6B). Sie vereint Radish Lips, Giallo, Bright Cerulean und Jazz Age Blues 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 #F0D43A auf #3B4A6B mit 5,97:1.

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

Farben im Detail

Radish Lips #F23557

RGB: rgb(242, 53, 87)
HSL: hsl(349, 88%, 58%)
Luminanz: 0,221

Giallo #F0D43A

RGB: rgb(240, 212, 58)
HSL: hsl(51, 86%, 58%)
Luminanz: 0,659

Bright Cerulean #22B2DA

RGB: rgb(34, 178, 218)
HSL: hsl(193, 73%, 49%)
Luminanz: 0,372

Jazz Age Blues #3B4A6B

RGB: rgb(59, 74, 107)
HSL: hsl(221, 29%, 33%)
Luminanz: 0,069

Kontrast & Barrierefreiheit

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

Aa #F0D43A auf #3B4A6B 5,97:1 AA

Aa #22B2DA auf #3B4A6B 3,55:1 AA (großer Text)

Aa #F23557 auf #F0D43A 2,62:1 Nicht bestanden

Aa #F23557 auf #3B4A6B 2,28:1 Nicht bestanden

Aa #F0D43A auf #22B2DA 1,68:1 Nicht bestanden

Aa #F23557 auf #22B2DA 1,56:1 Nicht bestanden

Palette „Radish Lips“ mit 4 Farben