Startseite Farbpaletten Palette „Coral Bells“ mit 4 Farben

Palette „Coral Bells“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Coral Bells“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 3.186

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #512C96;
  --c-vibrant-2: #3C6F9C;
  --c-vibrant-3: #DD6892;
  --c-vibrant-4: #F9C6BA;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Coral Bells (#F9C6BA) bis zum dunkelsten Ton Galactic Purple (#512C96). Sie vereint Galactic Purple, Windsurfing, Groovy und Coral Bells 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 #512C96 auf #F9C6BA mit 6,42:1.

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

Farben im Detail

Galactic Purple #512C96

RGB: rgb(81, 44, 150)
HSL: hsl(261, 55%, 38%)
Luminanz: 0,058

Windsurfing #3C6F9C

RGB: rgb(60, 111, 156)
HSL: hsl(208, 44%, 42%)
Luminanz: 0,147

Groovy #DD6892

RGB: rgb(221, 104, 146)
HSL: hsl(338, 63%, 64%)
Luminanz: 0,274

Coral Bells #F9C6BA

RGB: rgb(249, 198, 186)
HSL: hsl(11, 84%, 85%)
Luminanz: 0,641

Kontrast & Barrierefreiheit

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

Aa #512C96 auf #F9C6BA 6,42:1 AA

Aa #3C6F9C auf #F9C6BA 3,50:1 AA (großer Text)

Aa #512C96 auf #DD6892 3,01:1 AA (großer Text)

Aa #DD6892 auf #F9C6BA 2,14:1 Nicht bestanden

Aa #512C96 auf #3C6F9C 1,83:1 Nicht bestanden

Aa #3C6F9C auf #DD6892 1,64:1 Nicht bestanden

Palette „Coral Bells“ mit 4 Farben