Anomaly RG8

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

Zurück zur Bibliothek

Anomaly RG8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär

Likes 13

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #0B0B0D;
  --c-earthy-2: #514E37;
  --c-earthy-3: #AA8107;
  --c-earthy-4: #FFE00B;
  --c-earthy-5: #FBF8F0;
  --c-earthy-6: #A6A6A6;
  --c-earthy-7: #5861EA;
  --c-earthy-8: #1B32D5;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Milk Jug (#FBF8F0) bis zum dunkelsten Ton Black Wash (#0B0B0D). Sie vereint Black Wash, Panda, Murder Mustard, Dandelion, Milk Jug, Quicksilver, Flickering Sea und Third Eye Chakra in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0B0B0D auf #FBF8F0 mit 18,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 Wash #0B0B0D

RGB: rgb(11, 11, 13)
HSL: hsl(240, 8%, 5%)
Luminanz: 0,003

Panda #514E37

RGB: rgb(81, 78, 55)
HSL: hsl(53, 19%, 27%)
Luminanz: 0,075

Murder Mustard #AA8107

RGB: rgb(170, 129, 7)
HSL: hsl(45, 92%, 35%)
Luminanz: 0,243

Dandelion #FFE00B

RGB: rgb(255, 224, 11)
HSL: hsl(52, 100%, 52%)
Luminanz: 0,746

Milk Jug #FBF8F0

RGB: rgb(251, 248, 240)
HSL: hsl(44, 58%, 96%)
Luminanz: 0,939

Quicksilver #A6A6A6

RGB: rgb(166, 166, 166)
HSL: hsl(0, 0%, 65%)
Luminanz: 0,381

Flickering Sea #5861EA

RGB: rgb(88, 97, 234)
HSL: hsl(236, 78%, 63%)
Luminanz: 0,166

Third Eye Chakra #1B32D5

RGB: rgb(27, 50, 213)
HSL: hsl(233, 78%, 47%)
Luminanz: 0,073

Kontrast & Barrierefreiheit

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

Aa #0B0B0D auf #FBF8F0 18,53:1 AAA

Aa #0B0B0D auf #FFE00B 14,91:1 AAA

Aa #0B0B0D auf #A6A6A6 8,08:1 AAA

Aa #FBF8F0 auf #1B32D5 8,03:1 AAA

Aa #514E37 auf #FBF8F0 7,93:1 AAA

Aa #FFE00B auf #1B32D5 6,46:1 AA

Aa #514E37 auf #FFE00B 6,38:1 AA

Aa #0B0B0D auf #AA8107 5,48:1 AA

Aa #FBF8F0 auf #5861EA 4,59:1 AA

Aa #0B0B0D auf #5861EA 4,04:1 AA (großer Text)

Aa #FFE00B auf #5861EA 3,69:1 AA (großer Text)

Aa #A6A6A6 auf #1B32D5 3,50:1 AA (großer Text)

Aa #514E37 auf #A6A6A6 3,46:1 AA (großer Text)

Aa #AA8107 auf #FBF8F0 3,38:1 AA (großer Text)

Aa #AA8107 auf #FFE00B 2,72:1 Nicht bestanden

Aa #AA8107 auf #1B32D5 2,38:1 Nicht bestanden

Aa #514E37 auf #AA8107 2,35:1 Nicht bestanden

Aa #0B0B0D auf #514E37 2,34:1 Nicht bestanden

Aa #0B0B0D auf #1B32D5 2,31:1 Nicht bestanden

Aa #FBF8F0 auf #A6A6A6 2,29:1 Nicht bestanden

Aa #A6A6A6 auf #5861EA 2,00:1 Nicht bestanden

Aa #FFE00B auf #A6A6A6 1,85:1 Nicht bestanden

Aa #5861EA auf #1B32D5 1,75:1 Nicht bestanden

Aa #514E37 auf #5861EA 1,73:1 Nicht bestanden

Aa #AA8107 auf #A6A6A6 1,47:1 Nicht bestanden

Aa #AA8107 auf #5861EA 1,36:1 Nicht bestanden

Aa #FFE00B auf #FBF8F0 1,24:1 Nicht bestanden

Aa #514E37 auf #1B32D5 1,01:1 Nicht bestanden

Anomaly RG8

Anomaly RG8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen