RABBITKING

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

Zurück zur Bibliothek

RABBITKING

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

Bearbeiten

Erdig 9 Farben Warm Gemischt Komplementär minimal gameboy desaturated 9

Likes 37

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #1F3D4C;
  --c-earthy-2: #597D80;
  --c-earthy-3: #8DA674;
  --c-earthy-4: #B2AEA1;
  --c-earthy-5: #FFF8F2;
  --c-earthy-6: #E6DAA1;
  --c-earthy-7: #CC9A8F;
  --c-earthy-8: #995C5C;
  --c-earthy-9: #66334F;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Sugar Milk (#FFF8F2) bis zum dunkelsten Ton Subterranean River (#1F3D4C). Sie vereint Subterranean River, Labradorite Green, Salad, Roman Wall, Sugar Milk, Bamboo Mat, Calliope, Ruby Crystal und Vintage Wine in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1F3D4C auf #FFF8F2 mit 10,91: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

Subterranean River #1F3D4C

RGB: rgb(31, 61, 76)
HSL: hsl(200, 42%, 21%)
Luminanz: 0,042

Labradorite Green #597D80

RGB: rgb(89, 125, 128)
HSL: hsl(185, 18%, 43%)
Luminanz: 0,184

Salad #8DA674

RGB: rgb(141, 166, 116)
HSL: hsl(90, 22%, 55%)
Luminanz: 0,342

Roman Wall #B2AEA1

RGB: rgb(178, 174, 161)
HSL: hsl(46, 10%, 66%)
Luminanz: 0,423

Sugar Milk #FFF8F2

RGB: rgb(255, 248, 242)
HSL: hsl(28, 100%, 97%)
Luminanz: 0,948

Bamboo Mat #E6DAA1

RGB: rgb(230, 218, 161)
HSL: hsl(50, 58%, 77%)
Luminanz: 0,695

Calliope #CC9A8F

RGB: rgb(204, 154, 143)
HSL: hsl(11, 37%, 68%)
Luminanz: 0,379

Ruby Crystal #995C5C

RGB: rgb(153, 92, 92)
HSL: hsl(0, 25%, 48%)
Luminanz: 0,152

Vintage Wine #66334F

RGB: rgb(102, 51, 79)
HSL: hsl(327, 33%, 30%)
Luminanz: 0,058

Kontrast & Barrierefreiheit

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

Aa #1F3D4C auf #FFF8F2 10,91:1 AAA

Aa #FFF8F2 auf #66334F 9,28:1 AAA

Aa #1F3D4C auf #E6DAA1 8,15:1 AAA

Aa #E6DAA1 auf #66334F 6,93:1 AA

Aa #1F3D4C auf #B2AEA1 5,17:1 AA

Aa #FFF8F2 auf #995C5C 4,94:1 AA

Aa #1F3D4C auf #CC9A8F 4,69:1 AA

Aa #B2AEA1 auf #66334F 4,40:1 AA (großer Text)

Aa #1F3D4C auf #8DA674 4,28:1 AA (großer Text)

Aa #597D80 auf #FFF8F2 4,27:1 AA (großer Text)

Aa #CC9A8F auf #66334F 3,99:1 AA (großer Text)

Aa #E6DAA1 auf #995C5C 3,69:1 AA (großer Text)

Aa #8DA674 auf #66334F 3,64:1 AA (großer Text)

Aa #597D80 auf #E6DAA1 3,19:1 AA (großer Text)

Aa #1F3D4C auf #597D80 2,55:1 Nicht bestanden

Aa #8DA674 auf #FFF8F2 2,55:1 Nicht bestanden

Aa #B2AEA1 auf #995C5C 2,34:1 Nicht bestanden

Aa #FFF8F2 auf #CC9A8F 2,32:1 Nicht bestanden

Aa #1F3D4C auf #995C5C 2,21:1 Nicht bestanden

Aa #597D80 auf #66334F 2,17:1 Nicht bestanden

Aa #CC9A8F auf #995C5C 2,13:1 Nicht bestanden

Aa #B2AEA1 auf #FFF8F2 2,11:1 Nicht bestanden

Aa #597D80 auf #B2AEA1 2,03:1 Nicht bestanden

Aa #8DA674 auf #995C5C 1,94:1 Nicht bestanden

Aa #8DA674 auf #E6DAA1 1,90:1 Nicht bestanden

Aa #995C5C auf #66334F 1,88:1 Nicht bestanden

Aa #597D80 auf #CC9A8F 1,84:1 Nicht bestanden

Aa #E6DAA1 auf #CC9A8F 1,74:1 Nicht bestanden

Aa #597D80 auf #8DA674 1,68:1 Nicht bestanden

Aa #B2AEA1 auf #E6DAA1 1,58:1 Nicht bestanden

Aa #FFF8F2 auf #E6DAA1 1,34:1 Nicht bestanden

Aa #8DA674 auf #B2AEA1 1,21:1 Nicht bestanden

Aa #1F3D4C auf #66334F 1,18:1 Nicht bestanden

Aa #597D80 auf #995C5C 1,16:1 Nicht bestanden

Aa #8DA674 auf #CC9A8F 1,10:1 Nicht bestanden

Aa #B2AEA1 auf #CC9A8F 1,10:1 Nicht bestanden

RABBITKING

RABBITKING

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen