Theo

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

Zurück zur Bibliothek

Theo

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

Bearbeiten

Erdig 6 Farben Warm Gemischt Komplementär

Likes 34

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #D3473D;
  --c-earthy-2: #F6AD0F;
  --c-earthy-3: #F5EFEB;
  --c-earthy-4: #86BCD1;
  --c-earthy-5: #316A96;
  --c-earthy-6: #2E243F;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Furry Lady (#F5EFEB) bis zum dunkelsten Ton Telopea (#2E243F). Sie vereint Warming Heart, Spectra Yellow, Furry Lady, Juvie, Summerday Blue und Telopea 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 #F5EFEB auf #2E243F mit 12,8: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

Warming Heart #D3473D

RGB: rgb(211, 71, 61)
HSL: hsl(4, 63%, 53%)
Luminanz: 0,187

Spectra Yellow #F6AD0F

RGB: rgb(246, 173, 15)
HSL: hsl(41, 93%, 51%)
Luminanz: 0,495

Furry Lady #F5EFEB

RGB: rgb(245, 239, 235)
HSL: hsl(24, 33%, 94%)
Luminanz: 0,871

Juvie #86BCD1

RGB: rgb(134, 188, 209)
HSL: hsl(197, 45%, 67%)
Luminanz: 0,456

Summerday Blue #316A96

RGB: rgb(49, 106, 150)
HSL: hsl(206, 51%, 39%)
Luminanz: 0,132

Telopea #2E243F

RGB: rgb(46, 36, 63)
HSL: hsl(262, 27%, 19%)
Luminanz: 0,022

Kontrast & Barrierefreiheit

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

Aa #F5EFEB auf #2E243F 12,80:1 AAA

Aa #F6AD0F auf #2E243F 7,57:1 AAA

Aa #86BCD1 auf #2E243F 7,03:1 AAA

Aa #F5EFEB auf #316A96 5,07:1 AA

Aa #D3473D auf #F5EFEB 3,89:1 AA (großer Text)

Aa #D3473D auf #2E243F 3,29:1 AA (großer Text)

Aa #F6AD0F auf #316A96 3,00:1 AA (großer Text)

Aa #86BCD1 auf #316A96 2,79:1 Nicht bestanden

Aa #316A96 auf #2E243F 2,52:1 Nicht bestanden

Aa #D3473D auf #F6AD0F 2,30:1 Nicht bestanden

Aa #D3473D auf #86BCD1 2,14:1 Nicht bestanden

Aa #F5EFEB auf #86BCD1 1,82:1 Nicht bestanden

Aa #F6AD0F auf #F5EFEB 1,69:1 Nicht bestanden

Aa #D3473D auf #316A96 1,30:1 Nicht bestanden

Aa #F6AD0F auf #86BCD1 1,08:1 Nicht bestanden

Theo

Theo

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen