Ciboulette 6

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

Zurück zur Bibliothek

Ciboulette 6

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

Bearbeiten

Erdig 6 Farben Neutral Gemischt Komplementär green pink blue natural

Likes 83

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #FFFFFF;
  --c-earthy-2: #F7C8DD;
  --c-earthy-3: #B5C4C4;
  --c-earthy-4: #599B86;
  --c-earthy-5: #6868AC;
  --c-earthy-6: #552F30;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Purple Kite (#552F30). Sie vereint White, Laelia Pink, Misty Blue, Derby Green, Mediaeval und Purple Kite in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #552F30 mit 11,44:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Laelia Pink #F7C8DD

RGB: rgb(247, 200, 221)
HSL: hsl(333, 75%, 88%)
Luminanz: 0,663

Misty Blue #B5C4C4

RGB: rgb(181, 196, 196)
HSL: hsl(180, 11%, 74%)
Luminanz: 0,533

Derby Green #599B86

RGB: rgb(89, 155, 134)
HSL: hsl(161, 27%, 48%)
Luminanz: 0,273

Mediaeval #6868AC

RGB: rgb(104, 104, 172)
HSL: hsl(240, 29%, 54%)
Luminanz: 0,158

Purple Kite #552F30

RGB: rgb(85, 47, 48)
HSL: hsl(358, 29%, 26%)
Luminanz: 0,042

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #552F30 11,44:1 AAA

Aa #F7C8DD auf #552F30 7,77:1 AAA

Aa #B5C4C4 auf #552F30 6,35:1 AA

Aa #FFFFFF auf #6868AC 5,04:1 AA

Aa #599B86 auf #552F30 3,52:1 AA (großer Text)

Aa #F7C8DD auf #6868AC 3,42:1 AA (großer Text)

Aa #FFFFFF auf #599B86 3,25:1 AA (großer Text)

Aa #B5C4C4 auf #6868AC 2,80:1 Nicht bestanden

Aa #6868AC auf #552F30 2,27:1 Nicht bestanden

Aa #F7C8DD auf #599B86 2,21:1 Nicht bestanden

Aa #B5C4C4 auf #599B86 1,81:1 Nicht bestanden

Aa #FFFFFF auf #B5C4C4 1,80:1 Nicht bestanden

Aa #599B86 auf #6868AC 1,55:1 Nicht bestanden

Aa #FFFFFF auf #F7C8DD 1,47:1 Nicht bestanden

Aa #F7C8DD auf #B5C4C4 1,22:1 Nicht bestanden

Ciboulette 6

Ciboulette 6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen