RKBV

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

Zurück zur Bibliothek

RKBV

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär artist r3cl41m3r

Likes 94

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #15191A;
  --c-earthy-2: #8A4C58;
  --c-earthy-3: #D96275;
  --c-earthy-4: #E6B8C1;
  --c-earthy-5: #456B73;
  --c-earthy-6: #4B97A6;
  --c-earthy-7: #A5BDC2;
  --c-earthy-8: #FFF5F7;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Sea Salt Sherbet (#FFF5F7) bis zum dunkelsten Ton Neverything (#15191A). Sie vereint Neverything, Wine Not, Kiss and Tell, Acadia Bloom, Planet Green, Acapulco Cliffs, Clear Vista und Sea Salt Sherbet in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #15191A auf #FFF5F7 mit 16,58: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

Neverything #15191A

RGB: rgb(21, 25, 26)
HSL: hsl(192, 11%, 9%)
Luminanz: 0,009

Wine Not #8A4C58

RGB: rgb(138, 76, 88)
HSL: hsl(348, 29%, 42%)
Luminanz: 0,113

Kiss and Tell #D96275

RGB: rgb(217, 98, 117)
HSL: hsl(350, 61%, 62%)
Luminanz: 0,248

Acadia Bloom #E6B8C1

RGB: rgb(230, 184, 193)
HSL: hsl(348, 48%, 81%)
Luminanz: 0,550

Planet Green #456B73

RGB: rgb(69, 107, 115)
HSL: hsl(190, 25%, 36%)
Luminanz: 0,130

Acapulco Cliffs #4B97A6

RGB: rgb(75, 151, 166)
HSL: hsl(190, 38%, 47%)
Luminanz: 0,264

Clear Vista #A5BDC2

RGB: rgb(165, 189, 194)
HSL: hsl(190, 19%, 70%)
Luminanz: 0,483

Sea Salt Sherbet #FFF5F7

RGB: rgb(255, 245, 247)
HSL: hsl(348, 100%, 98%)
Luminanz: 0,933

Kontrast & Barrierefreiheit

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

Aa #15191A auf #FFF5F7 16,58:1 AAA

Aa #15191A auf #E6B8C1 10,11:1 AAA

Aa #15191A auf #A5BDC2 8,99:1 AAA

Aa #8A4C58 auf #FFF5F7 6,04:1 AA

Aa #456B73 auf #FFF5F7 5,45:1 AA

Aa #15191A auf #4B97A6 5,29:1 AA

Aa #15191A auf #D96275 5,02:1 AA

Aa #8A4C58 auf #E6B8C1 3,68:1 AA (großer Text)

Aa #E6B8C1 auf #456B73 3,33:1 AA (großer Text)

Aa #D96275 auf #FFF5F7 3,30:1 AA (großer Text)

Aa #8A4C58 auf #A5BDC2 3,27:1 AA (großer Text)

Aa #4B97A6 auf #FFF5F7 3,13:1 AA (großer Text)

Aa #15191A auf #456B73 3,04:1 AA (großer Text)

Aa #456B73 auf #A5BDC2 2,96:1 Nicht bestanden

Aa #15191A auf #8A4C58 2,75:1 Nicht bestanden

Aa #D96275 auf #E6B8C1 2,01:1 Nicht bestanden

Aa #8A4C58 auf #4B97A6 1,93:1 Nicht bestanden

Aa #E6B8C1 auf #4B97A6 1,91:1 Nicht bestanden

Aa #A5BDC2 auf #FFF5F7 1,84:1 Nicht bestanden

Aa #8A4C58 auf #D96275 1,83:1 Nicht bestanden

Aa #D96275 auf #A5BDC2 1,79:1 Nicht bestanden

Aa #456B73 auf #4B97A6 1,74:1 Nicht bestanden

Aa #4B97A6 auf #A5BDC2 1,70:1 Nicht bestanden

Aa #D96275 auf #456B73 1,65:1 Nicht bestanden

Aa #E6B8C1 auf #FFF5F7 1,64:1 Nicht bestanden

Aa #E6B8C1 auf #A5BDC2 1,13:1 Nicht bestanden

Aa #8A4C58 auf #456B73 1,11:1 Nicht bestanden

Aa #D96275 auf #4B97A6 1,05:1 Nicht bestanden

RKBV

RKBV

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen