White Scape

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

Zurück zur Bibliothek

White Scape

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

Bearbeiten

Erdig 9 Farben Warm Gemischt Komplementär simple white dream fantasy

Likes 249

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #1F232E;
  --c-earthy-3: #5F737B;
  --c-earthy-4: #A2B3B2;
  --c-earthy-5: #431837;
  --c-earthy-6: #A53551;
  --c-earthy-7: #E18F89;
  --c-earthy-8: #E1C0A9;
  --c-earthy-9: #E8E3E3;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Antique Petal (#E8E3E3) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Black Howl, Desert Night, Conch, Blackberry, Cranberry Sauce, Honeysuckle Rose, Group Hug und Antique Petal in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #E8E3E3 mit 16,53: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

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Black Howl #1F232E

RGB: rgb(31, 35, 46)
HSL: hsl(224, 19%, 15%)
Luminanz: 0,017

Desert Night #5F737B

RGB: rgb(95, 115, 123)
HSL: hsl(197, 13%, 43%)
Luminanz: 0,161

Conch #A2B3B2

RGB: rgb(162, 179, 178)
HSL: hsl(176, 10%, 67%)
Luminanz: 0,431

Blackberry #431837

RGB: rgb(67, 24, 55)
HSL: hsl(317, 47%, 18%)
Luminanz: 0,021

Cranberry Sauce #A53551

RGB: rgb(165, 53, 81)
HSL: hsl(345, 51%, 43%)
Luminanz: 0,111

Honeysuckle Rose #E18F89

RGB: rgb(225, 143, 137)
HSL: hsl(4, 59%, 71%)
Luminanz: 0,375

Group Hug #E1C0A9

RGB: rgb(225, 192, 169)
HSL: hsl(25, 48%, 77%)
Luminanz: 0,566

Antique Petal #E8E3E3

RGB: rgb(232, 227, 227)
HSL: hsl(0, 10%, 90%)
Luminanz: 0,776

Kontrast & Barrierefreiheit

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

Aa #000000 auf #E8E3E3 16,53:1 AAA

Aa #1F232E auf #E8E3E3 12,35:1 AAA

Aa #000000 auf #E1C0A9 12,31:1 AAA

Aa #431837 auf #E8E3E3 11,60:1 AAA

Aa #000000 auf #A2B3B2 9,63:1 AAA

Aa #1F232E auf #E1C0A9 9,20:1 AAA

Aa #431837 auf #E1C0A9 8,64:1 AAA

Aa #000000 auf #E18F89 8,49:1 AAA

Aa #1F232E auf #A2B3B2 7,19:1 AAA

Aa #A2B3B2 auf #431837 6,76:1 AA

Aa #1F232E auf #E18F89 6,35:1 AA

Aa #431837 auf #E18F89 5,96:1 AA

Aa #A53551 auf #E8E3E3 5,12:1 AA

Aa #000000 auf #5F737B 4,22:1 AA (großer Text)

Aa #5F737B auf #E8E3E3 3,91:1 AA (großer Text)

Aa #A53551 auf #E1C0A9 3,81:1 AA (großer Text)

Aa #000000 auf #A53551 3,23:1 AA (großer Text)

Aa #1F232E auf #5F737B 3,16:1 AA (großer Text)

Aa #A2B3B2 auf #A53551 2,98:1 Nicht bestanden

Aa #5F737B auf #431837 2,97:1 Nicht bestanden

Aa #5F737B auf #E1C0A9 2,91:1 Nicht bestanden

Aa #A53551 auf #E18F89 2,63:1 Nicht bestanden

Aa #1F232E auf #A53551 2,41:1 Nicht bestanden

Aa #5F737B auf #A2B3B2 2,28:1 Nicht bestanden

Aa #431837 auf #A53551 2,27:1 Nicht bestanden

Aa #5F737B auf #E18F89 2,01:1 Nicht bestanden

Aa #E18F89 auf #E8E3E3 1,95:1 Nicht bestanden

Aa #A2B3B2 auf #E8E3E3 1,72:1 Nicht bestanden

Aa #E18F89 auf #E1C0A9 1,45:1 Nicht bestanden

Aa #000000 auf #431837 1,42:1 Nicht bestanden

Aa #000000 auf #1F232E 1,34:1 Nicht bestanden

Aa #E1C0A9 auf #E8E3E3 1,34:1 Nicht bestanden

Aa #5F737B auf #A53551 1,31:1 Nicht bestanden

Aa #A2B3B2 auf #E1C0A9 1,28:1 Nicht bestanden

Aa #A2B3B2 auf #E18F89 1,13:1 Nicht bestanden

Aa #1F232E auf #431837 1,06:1 Nicht bestanden

White Scape

White Scape

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen