Lite Brite

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

Zurück zur Bibliothek

Lite Brite

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

Bearbeiten

Erdig 7 Farben Neutral Gemischt Komplementär color light litebrite toy

Likes 21

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #383836;
  --c-earthy-2: #65A0C6;
  --c-earthy-3: #97C456;
  --c-earthy-4: #CB5F9A;
  --c-earthy-5: #DEA87B;
  --c-earthy-6: #F5F691;
  --c-earthy-7: #F3F8FB;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Distant Horizon (#F3F8FB) bis zum dunkelsten Ton Lacquered Liquorice (#383836). Sie vereint Lacquered Liquorice, Scott Base, Cabbage Patch, Phlox Pink, Thai Ice Tea, Milan und Distant Horizon in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #383836 auf #F3F8FB mit 10,98: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

Lacquered Liquorice #383836

RGB: rgb(56, 56, 54)
HSL: hsl(60, 2%, 22%)
Luminanz: 0,039

Scott Base #65A0C6

RGB: rgb(101, 160, 198)
HSL: hsl(204, 46%, 59%)
Luminanz: 0,320

Cabbage Patch #97C456

RGB: rgb(151, 196, 86)
HSL: hsl(85, 48%, 55%)
Luminanz: 0,467

Phlox Pink #CB5F9A

RGB: rgb(203, 95, 154)
HSL: hsl(327, 51%, 58%)
Luminanz: 0,232

Thai Ice Tea #DEA87B

RGB: rgb(222, 168, 123)
HSL: hsl(27, 60%, 68%)
Luminanz: 0,450

Milan #F5F691

RGB: rgb(245, 246, 145)
HSL: hsl(61, 85%, 77%)
Luminanz: 0,874

Distant Horizon #F3F8FB

RGB: rgb(243, 248, 251)
HSL: hsl(203, 50%, 97%)
Luminanz: 0,932

Kontrast & Barrierefreiheit

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

Aa #383836 auf #F3F8FB 10,98:1 AAA

Aa #383836 auf #F5F691 10,34:1 AAA

Aa #383836 auf #97C456 5,79:1 AA

Aa #383836 auf #DEA87B 5,59:1 AA

Aa #383836 auf #65A0C6 4,14:1 AA (großer Text)

Aa #CB5F9A auf #F3F8FB 3,48:1 AA (großer Text)

Aa #CB5F9A auf #F5F691 3,27:1 AA (großer Text)

Aa #383836 auf #CB5F9A 3,16:1 AA (großer Text)

Aa #65A0C6 auf #F3F8FB 2,65:1 Nicht bestanden

Aa #65A0C6 auf #F5F691 2,50:1 Nicht bestanden

Aa #DEA87B auf #F3F8FB 1,96:1 Nicht bestanden

Aa #97C456 auf #F3F8FB 1,90:1 Nicht bestanden

Aa #DEA87B auf #F5F691 1,85:1 Nicht bestanden

Aa #97C456 auf #CB5F9A 1,83:1 Nicht bestanden

Aa #97C456 auf #F5F691 1,79:1 Nicht bestanden

Aa #CB5F9A auf #DEA87B 1,77:1 Nicht bestanden

Aa #65A0C6 auf #97C456 1,40:1 Nicht bestanden

Aa #65A0C6 auf #DEA87B 1,35:1 Nicht bestanden

Aa #65A0C6 auf #CB5F9A 1,31:1 Nicht bestanden

Aa #F5F691 auf #F3F8FB 1,06:1 Nicht bestanden

Aa #97C456 auf #DEA87B 1,04:1 Nicht bestanden

Lite Brite

Lite Brite

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen