FairyRust_8x

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

FairyRust_8x

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 8 Farben Kühl Gemischt Komplementär dark blue cool desaturated

Likes 127

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #141A0D;
  --c-earthy-2: #4B2D28;
  --c-earthy-3: #744E65;
  --c-earthy-4: #7F7397;
  --c-earthy-5: #8AB0D8;
  --c-earthy-6: #AAD8F7;
  --c-earthy-7: #DAEDFE;
  --c-earthy-8: #F2F9FF;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Alice Blue (#F2F9FF) bis zum dunkelsten Ton Darkness (#141A0D). Sie vereint Darkness, Barako Brew, Dahlia Matte Red, Purple Haze, Birdie Num Num, Endless Horizon, Hoarfrost und Alice Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #141A0D auf #F2F9FF mit 16,71: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

Darkness #141A0D

RGB: rgb(20, 26, 13)
HSL: hsl(88, 33%, 8%)
Luminanz: 0,009

Barako Brew #4B2D28

RGB: rgb(75, 45, 40)
HSL: hsl(9, 30%, 23%)
Luminanz: 0,035

Dahlia Matte Red #744E65

RGB: rgb(116, 78, 101)
HSL: hsl(324, 20%, 38%)
Luminanz: 0,101

Purple Haze #7F7397

RGB: rgb(127, 115, 151)
HSL: hsl(260, 15%, 52%)
Luminanz: 0,190

Birdie Num Num #8AB0D8

RGB: rgb(138, 176, 216)
HSL: hsl(211, 50%, 69%)
Luminanz: 0,414

Endless Horizon #AAD8F7

RGB: rgb(170, 216, 247)
HSL: hsl(204, 83%, 82%)
Luminanz: 0,644

Hoarfrost #DAEDFE

RGB: rgb(218, 237, 254)
HSL: hsl(208, 95%, 93%)
Luminanz: 0,826

Alice Blue #F2F9FF

RGB: rgb(242, 249, 255)
HSL: hsl(208, 100%, 97%)
Luminanz: 0,939

Kontrast & Barrierefreiheit

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

Aa #141A0D auf #F2F9FF 16,71:1 AAA

Aa #141A0D auf #DAEDFE 14,81:1 AAA

Aa #141A0D auf #AAD8F7 11,73:1 AAA

Aa #4B2D28 auf #F2F9FF 11,59:1 AAA

Aa #4B2D28 auf #DAEDFE 10,28:1 AAA

Aa #4B2D28 auf #AAD8F7 8,14:1 AAA

Aa #141A0D auf #8AB0D8 7,84:1 AAA

Aa #744E65 auf #F2F9FF 6,55:1 AA

Aa #744E65 auf #DAEDFE 5,80:1 AA

Aa #4B2D28 auf #8AB0D8 5,44:1 AA

Aa #744E65 auf #AAD8F7 4,59:1 AA

Aa #7F7397 auf #F2F9FF 4,12:1 AA (großer Text)

Aa #141A0D auf #7F7397 4,06:1 AA (großer Text)

Aa #7F7397 auf #DAEDFE 3,65:1 AA (großer Text)

Aa #744E65 auf #8AB0D8 3,07:1 AA (großer Text)

Aa #7F7397 auf #AAD8F7 2,89:1 Nicht bestanden

Aa #4B2D28 auf #7F7397 2,82:1 Nicht bestanden

Aa #141A0D auf #744E65 2,55:1 Nicht bestanden

Aa #8AB0D8 auf #F2F9FF 2,13:1 Nicht bestanden

Aa #7F7397 auf #8AB0D8 1,93:1 Nicht bestanden

Aa #8AB0D8 auf #DAEDFE 1,89:1 Nicht bestanden

Aa #4B2D28 auf #744E65 1,77:1 Nicht bestanden

Aa #744E65 auf #7F7397 1,59:1 Nicht bestanden

Aa #8AB0D8 auf #AAD8F7 1,49:1 Nicht bestanden

Aa #141A0D auf #4B2D28 1,44:1 Nicht bestanden

Aa #AAD8F7 auf #F2F9FF 1,42:1 Nicht bestanden

Aa #AAD8F7 auf #DAEDFE 1,26:1 Nicht bestanden

Aa #DAEDFE auf #F2F9FF 1,13:1 Nicht bestanden

FairyRust_8x

FairyRust_8x

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen