Startseite Farbpaletten Palette „Baby Tooth“ mit 4 Farben

Palette „Baby Tooth“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Baby Tooth“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Triadisch

Likes 2.399

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F2FFDF;
  --c-vibrant-2: #B1F1B2;
  --c-vibrant-3: #1E757B;
  --c-vibrant-4: #424D69;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Baby Tooth (#F2FFDF) bis zum dunkelsten Ton Blackberry Cobbler (#424D69). Sie vereint Baby Tooth, Frosted Hills, Poseidon’s Castle und Blackberry Cobbler in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F2FFDF auf #424D69 mit 8,07:1.

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

Farben im Detail

Baby Tooth #F2FFDF

RGB: rgb(242, 255, 223)
HSL: hsl(84, 100%, 94%)
Luminanz: 0,957

Frosted Hills #B1F1B2

RGB: rgb(177, 241, 178)
HSL: hsl(121, 70%, 82%)
Luminanz: 0,755

Poseidon’s Castle #1E757B

RGB: rgb(30, 117, 123)
HSL: hsl(184, 61%, 30%)
Luminanz: 0,144

Blackberry Cobbler #424D69

RGB: rgb(66, 77, 105)
HSL: hsl(223, 23%, 34%)
Luminanz: 0,075

Kontrast & Barrierefreiheit

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

Aa #F2FFDF auf #424D69 8,07:1 AAA

Aa #B1F1B2 auf #424D69 6,45:1 AA

Aa #F2FFDF auf #1E757B 5,18:1 AA

Aa #B1F1B2 auf #1E757B 4,14:1 AA (großer Text)

Aa #1E757B auf #424D69 1,56:1 Nicht bestanden

Aa #F2FFDF auf #B1F1B2 1,25:1 Nicht bestanden

Palette „Baby Tooth“ mit 4 Farben