Startseite Farbpaletten Palette „Bubbles“ mit 4 Farben

Palette „Bubbles“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Bubbles“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Monochrom

Likes 9.368

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #E8FFFF;
  --c-vibrant-2: #A6F6F1;
  --c-vibrant-3: #41AEA9;
  --c-vibrant-4: #213E3B;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Bubbles (#E8FFFF) bis zum dunkelsten Ton Pine Grove (#213E3B). Sie vereint Bubbles, Pale King’s Blue, Island Moment und Pine Grove 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 #E8FFFF auf #213E3B mit 11,11:1.

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

Farben im Detail

Bubbles #E8FFFF

RGB: rgb(232, 255, 255)
HSL: hsl(180, 100%, 95%)
Luminanz: 0,959

Pale King’s Blue #A6F6F1

RGB: rgb(166, 246, 241)
HSL: hsl(176, 82%, 81%)
Luminanz: 0,804

Island Moment #41AEA9

RGB: rgb(65, 174, 169)
HSL: hsl(177, 46%, 47%)
Luminanz: 0,343

Pine Grove #213E3B

RGB: rgb(33, 62, 59)
HSL: hsl(174, 31%, 19%)
Luminanz: 0,041

Kontrast & Barrierefreiheit

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

Aa #E8FFFF auf #213E3B 11,11:1 AAA

Aa #A6F6F1 auf #213E3B 9,40:1 AAA

Aa #41AEA9 auf #213E3B 4,32:1 AA (großer Text)

Aa #E8FFFF auf #41AEA9 2,57:1 Nicht bestanden

Aa #A6F6F1 auf #41AEA9 2,17:1 Nicht bestanden

Aa #E8FFFF auf #A6F6F1 1,18:1 Nicht bestanden

Palette „Bubbles“ mit 4 Farben