Pastel Qt

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Pastel Qt

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Erdig 7 Farben Warm Gemischt Triadisch skeddlespicks pastel cute polyphrog

Likes 866

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #CB8175;
  --c-earthy-2: #E2A97E;
  --c-earthy-3: #F0CF8E;
  --c-earthy-4: #F6EDCD;
  --c-earthy-5: #A8C8A6;
  --c-earthy-6: #6D8D8A;
  --c-earthy-7: #655057;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Blonde Shell (#F6EDCD) bis zum dunkelsten Ton Sinful (#655057). Sie vereint Coral Garden, Sun Bleached Ochre, Honeydew Sand, Blonde Shell, Green Bark, Sealegs und Sinful in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F6EDCD auf #655057 mit 6,31: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

Coral Garden #CB8175

RGB: rgb(203, 129, 117)
HSL: hsl(8, 45%, 63%)
Luminanz: 0,297

Sun Bleached Ochre #E2A97E

RGB: rgb(226, 169, 126)
HSL: hsl(26, 63%, 69%)
Luminanz: 0,461

Honeydew Sand #F0CF8E

RGB: rgb(240, 207, 142)
HSL: hsl(40, 77%, 75%)
Luminanz: 0,651

Blonde Shell #F6EDCD

RGB: rgb(246, 237, 205)
HSL: hsl(47, 69%, 88%)
Luminanz: 0,846

Green Bark #A8C8A6

RGB: rgb(168, 200, 166)
HSL: hsl(116, 24%, 72%)
Luminanz: 0,524

Sealegs #6D8D8A

RGB: rgb(109, 141, 138)
HSL: hsl(174, 13%, 49%)
Luminanz: 0,241

Sinful #655057

RGB: rgb(101, 80, 87)
HSL: hsl(340, 12%, 35%)
Luminanz: 0,092

Kontrast & Barrierefreiheit

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

Aa #F6EDCD auf #655057 6,31:1 AA

Aa #F0CF8E auf #655057 4,94:1 AA

Aa #A8C8A6 auf #655057 4,04:1 AA (großer Text)

Aa #E2A97E auf #655057 3,60:1 AA (großer Text)

Aa #F6EDCD auf #6D8D8A 3,07:1 AA (großer Text)

Aa #CB8175 auf #F6EDCD 2,58:1 Nicht bestanden

Aa #CB8175 auf #655057 2,44:1 Nicht bestanden

Aa #F0CF8E auf #6D8D8A 2,41:1 Nicht bestanden

Aa #6D8D8A auf #655057 2,05:1 Nicht bestanden

Aa #CB8175 auf #F0CF8E 2,02:1 Nicht bestanden

Aa #A8C8A6 auf #6D8D8A 1,97:1 Nicht bestanden

Aa #E2A97E auf #F6EDCD 1,75:1 Nicht bestanden

Aa #E2A97E auf #6D8D8A 1,75:1 Nicht bestanden

Aa #CB8175 auf #A8C8A6 1,65:1 Nicht bestanden

Aa #F6EDCD auf #A8C8A6 1,56:1 Nicht bestanden

Aa #CB8175 auf #E2A97E 1,47:1 Nicht bestanden

Aa #E2A97E auf #F0CF8E 1,37:1 Nicht bestanden

Aa #F0CF8E auf #F6EDCD 1,28:1 Nicht bestanden

Aa #F0CF8E auf #A8C8A6 1,22:1 Nicht bestanden

Aa #CB8175 auf #6D8D8A 1,19:1 Nicht bestanden

Aa #E2A97E auf #A8C8A6 1,12:1 Nicht bestanden

Pastel Qt

Pastel Qt

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen