Vaporcraze 8

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

Zurück zur Bibliothek

Vaporcraze 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär ui space vaporwave design

Likes 91

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #E3EDE7;
  --c-earthy-2: #C2DAA5;
  --c-earthy-3: #CF9363;
  --c-earthy-4: #BF277E;
  --c-earthy-5: #7B1787;
  --c-earthy-6: #580F8C;
  --c-earthy-7: #370891;
  --c-earthy-8: #161439;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Molten Ice (#E3EDE7) bis zum dunkelsten Ton Lost in Sadness (#161439). Sie vereint Molten Ice, Winter Willow Green, Glazed Pecan, Treasured Love, Violaceous Greti, Indigo Girls, Full Swing Indigo und Lost in Sadness 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 #E3EDE7 auf #161439 mit 14,69: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

Molten Ice #E3EDE7

RGB: rgb(227, 237, 231)
HSL: hsl(144, 22%, 91%)
Luminanz: 0,827

Winter Willow Green #C2DAA5

RGB: rgb(194, 218, 165)
HSL: hsl(87, 42%, 75%)
Luminanz: 0,643

Glazed Pecan #CF9363

RGB: rgb(207, 147, 99)
HSL: hsl(27, 53%, 60%)
Luminanz: 0,350

Treasured Love #BF277E

RGB: rgb(191, 39, 126)
HSL: hsl(326, 66%, 45%)
Luminanz: 0,140

Violaceous Greti #7B1787

RGB: rgb(123, 23, 135)
HSL: hsl(294, 71%, 31%)
Luminanz: 0,066

Indigo Girls #580F8C

RGB: rgb(88, 15, 140)
HSL: hsl(275, 81%, 30%)
Luminanz: 0,043

Full Swing Indigo #370891

RGB: rgb(55, 8, 145)
HSL: hsl(261, 90%, 30%)
Luminanz: 0,030

Lost in Sadness #161439

RGB: rgb(22, 20, 57)
HSL: hsl(243, 48%, 15%)
Luminanz: 0,010

Kontrast & Barrierefreiheit

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

Aa #E3EDE7 auf #161439 14,69:1 AAA

Aa #C2DAA5 auf #161439 11,62:1 AAA

Aa #E3EDE7 auf #370891 10,92:1 AAA

Aa #E3EDE7 auf #580F8C 9,42:1 AAA

Aa #C2DAA5 auf #370891 8,63:1 AAA

Aa #E3EDE7 auf #7B1787 7,58:1 AAA

Aa #C2DAA5 auf #580F8C 7,45:1 AAA

Aa #CF9363 auf #161439 6,71:1 AA

Aa #C2DAA5 auf #7B1787 5,99:1 AA

Aa #CF9363 auf #370891 4,99:1 AA

Aa #E3EDE7 auf #BF277E 4,61:1 AA

Aa #CF9363 auf #580F8C 4,30:1 AA (großer Text)

Aa #C2DAA5 auf #BF277E 3,64:1 AA (großer Text)

Aa #CF9363 auf #7B1787 3,46:1 AA (großer Text)

Aa #BF277E auf #161439 3,19:1 AA (großer Text)

Aa #BF277E auf #370891 2,37:1 Nicht bestanden

Aa #E3EDE7 auf #CF9363 2,19:1 Nicht bestanden

Aa #CF9363 auf #BF277E 2,10:1 Nicht bestanden

Aa #BF277E auf #580F8C 2,04:1 Nicht bestanden

Aa #7B1787 auf #161439 1,94:1 Nicht bestanden

Aa #C2DAA5 auf #CF9363 1,73:1 Nicht bestanden

Aa #BF277E auf #7B1787 1,64:1 Nicht bestanden

Aa #580F8C auf #161439 1,56:1 Nicht bestanden

Aa #7B1787 auf #370891 1,44:1 Nicht bestanden

Aa #370891 auf #161439 1,35:1 Nicht bestanden

Aa #E3EDE7 auf #C2DAA5 1,26:1 Nicht bestanden

Aa #7B1787 auf #580F8C 1,24:1 Nicht bestanden

Aa #580F8C auf #370891 1,16:1 Nicht bestanden

Vaporcraze 8

Vaporcraze 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen