Hotgirl9

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

Zurück zur Bibliothek

Hotgirl9

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

Bearbeiten

Erdig 9 Farben Warm Gemischt Komplementär red warm hotgirl9

Likes 14

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #9C4660;
  --c-earthy-2: #D15656;
  --c-earthy-3: #C28574;
  --c-earthy-4: #EBA278;
  --c-earthy-5: #FAC68E;
  --c-earthy-6: #FAEFE3;
  --c-earthy-7: #3E4B73;
  --c-earthy-8: #408F76;
  --c-earthy-9: #63D6BB;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Anemone White (#FAEFE3) bis zum dunkelsten Ton Takaka (#3E4B73). Sie vereint Velvet Wine, Spiced Coral, Argyle Rose, Mexican Standoff, Sicilian Villa, Anemone White, Takaka, Perky und Jamaican Jade in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FAEFE3 auf #3E4B73 mit 7,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

Velvet Wine #9C4660

RGB: rgb(156, 70, 96)
HSL: hsl(342, 38%, 44%)
Luminanz: 0,123

Spiced Coral #D15656

RGB: rgb(209, 86, 86)
HSL: hsl(0, 57%, 58%)
Luminanz: 0,209

Argyle Rose #C28574

RGB: rgb(194, 133, 116)
HSL: hsl(13, 39%, 61%)
Luminanz: 0,295

Mexican Standoff #EBA278

RGB: rgb(235, 162, 120)
HSL: hsl(22, 74%, 70%)
Luminanz: 0,449

Sicilian Villa #FAC68E

RGB: rgb(250, 198, 142)
HSL: hsl(31, 92%, 77%)
Luminanz: 0,627

Anemone White #FAEFE3

RGB: rgb(250, 239, 227)
HSL: hsl(31, 70%, 94%)
Luminanz: 0,876

Takaka #3E4B73

RGB: rgb(62, 75, 115)
HSL: hsl(225, 30%, 35%)
Luminanz: 0,073

Perky #408F76

RGB: rgb(64, 143, 118)
HSL: hsl(161, 38%, 41%)
Luminanz: 0,220

Jamaican Jade #63D6BB

RGB: rgb(99, 214, 187)
HSL: hsl(166, 58%, 61%)
Luminanz: 0,543

Kontrast & Barrierefreiheit

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

Aa #FAEFE3 auf #3E4B73 7,53:1 AAA

Aa #FAC68E auf #3E4B73 5,50:1 AA

Aa #9C4660 auf #FAEFE3 5,36:1 AA

Aa #3E4B73 auf #63D6BB 4,83:1 AA

Aa #EBA278 auf #3E4B73 4,06:1 AA (großer Text)

Aa #9C4660 auf #FAC68E 3,91:1 AA (großer Text)

Aa #D15656 auf #FAEFE3 3,58:1 AA (großer Text)

Aa #9C4660 auf #63D6BB 3,43:1 AA (großer Text)

Aa #FAEFE3 auf #408F76 3,42:1 AA (großer Text)

Aa #9C4660 auf #EBA278 2,88:1 Nicht bestanden

Aa #C28574 auf #3E4B73 2,81:1 Nicht bestanden

Aa #C28574 auf #FAEFE3 2,68:1 Nicht bestanden

Aa #D15656 auf #FAC68E 2,61:1 Nicht bestanden

Aa #FAC68E auf #408F76 2,50:1 Nicht bestanden

Aa #D15656 auf #63D6BB 2,29:1 Nicht bestanden

Aa #3E4B73 auf #408F76 2,20:1 Nicht bestanden

Aa #408F76 auf #63D6BB 2,19:1 Nicht bestanden

Aa #D15656 auf #3E4B73 2,11:1 Nicht bestanden

Aa #9C4660 auf #C28574 2,00:1 Nicht bestanden

Aa #C28574 auf #FAC68E 1,96:1 Nicht bestanden

Aa #D15656 auf #EBA278 1,93:1 Nicht bestanden

Aa #EBA278 auf #FAEFE3 1,86:1 Nicht bestanden

Aa #EBA278 auf #408F76 1,84:1 Nicht bestanden

Aa #C28574 auf #63D6BB 1,72:1 Nicht bestanden

Aa #9C4660 auf #408F76 1,56:1 Nicht bestanden

Aa #FAEFE3 auf #63D6BB 1,56:1 Nicht bestanden

Aa #9C4660 auf #D15656 1,50:1 Nicht bestanden

Aa #C28574 auf #EBA278 1,44:1 Nicht bestanden

Aa #9C4660 auf #3E4B73 1,41:1 Nicht bestanden

Aa #FAC68E auf #FAEFE3 1,37:1 Nicht bestanden

Aa #EBA278 auf #FAC68E 1,36:1 Nicht bestanden

Aa #D15656 auf #C28574 1,33:1 Nicht bestanden

Aa #C28574 auf #408F76 1,28:1 Nicht bestanden

Aa #EBA278 auf #63D6BB 1,19:1 Nicht bestanden

Aa #FAC68E auf #63D6BB 1,14:1 Nicht bestanden

Aa #D15656 auf #408F76 1,04:1 Nicht bestanden

Hotgirl9

Hotgirl9

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen