Oil 6

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

Zurück zur Bibliothek

Oil 6

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

Bearbeiten

Erdig 6 Farben Warm Gemischt Komplementär artist monoramp grafxkid

Likes 3.290

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #FBF5EF;
  --c-earthy-2: #F2D3AB;
  --c-earthy-3: #C69FA5;
  --c-earthy-4: #8B6D9C;
  --c-earthy-5: #494D7E;
  --c-earthy-6: #272744;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Silver Bird (#FBF5EF) bis zum dunkelsten Ton Valhalla (#272744). Sie vereint Silver Bird, Pekin Chicken, Beauty Secret, Bitter Violet, Highlands Twilight und Valhalla in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FBF5EF auf #272744 mit 13,29: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

Silver Bird #FBF5EF

RGB: rgb(251, 245, 239)
HSL: hsl(30, 60%, 96%)
Luminanz: 0,921

Pekin Chicken #F2D3AB

RGB: rgb(242, 211, 171)
HSL: hsl(34, 73%, 81%)
Luminanz: 0,684

Beauty Secret #C69FA5

RGB: rgb(198, 159, 165)
HSL: hsl(351, 25%, 70%)
Luminanz: 0,395

Bitter Violet #8B6D9C

RGB: rgb(139, 109, 156)
HSL: hsl(278, 19%, 52%)
Luminanz: 0,188

Highlands Twilight #494D7E

RGB: rgb(73, 77, 126)
HSL: hsl(235, 27%, 39%)
Luminanz: 0,082

Valhalla #272744

RGB: rgb(39, 39, 68)
HSL: hsl(240, 27%, 21%)
Luminanz: 0,023

Kontrast & Barrierefreiheit

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

Aa #FBF5EF auf #272744 13,29:1 AAA

Aa #F2D3AB auf #272744 10,06:1 AAA

Aa #FBF5EF auf #494D7E 7,33:1 AAA

Aa #C69FA5 auf #272744 6,10:1 AA

Aa #F2D3AB auf #494D7E 5,55:1 AA

Aa #FBF5EF auf #8B6D9C 4,07:1 AA (großer Text)

Aa #C69FA5 auf #494D7E 3,36:1 AA (großer Text)

Aa #8B6D9C auf #272744 3,26:1 AA (großer Text)

Aa #F2D3AB auf #8B6D9C 3,08:1 AA (großer Text)

Aa #FBF5EF auf #C69FA5 2,18:1 Nicht bestanden

Aa #C69FA5 auf #8B6D9C 1,87:1 Nicht bestanden

Aa #494D7E auf #272744 1,81:1 Nicht bestanden

Aa #8B6D9C auf #494D7E 1,80:1 Nicht bestanden

Aa #F2D3AB auf #C69FA5 1,65:1 Nicht bestanden

Aa #FBF5EF auf #F2D3AB 1,32:1 Nicht bestanden

Oil 6

Oil 6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen