Clown Cake

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

Zurück zur Bibliothek

Clown Cake

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

Bearbeiten

Erdig 6 Farben Warm Gemischt Komplementär pink purple gold teal

Likes 50

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #FFFFFF;
  --c-earthy-2: #FFB743;
  --c-earthy-3: #FF004D;
  --c-earthy-4: #3BDDE3;
  --c-earthy-5: #69788E;
  --c-earthy-6: #342132;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Zero Gravity (#342132). Sie vereint White, Just Ducky, Bloody Pico-8, Blue Dacnis, Noble Blue und Zero Gravity in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #342132 mit 14,9: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

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Just Ducky #FFB743

RGB: rgb(255, 183, 67)
HSL: hsl(37, 100%, 63%)
Luminanz: 0,555

Bloody Pico-8 #FF004D

RGB: rgb(255, 0, 77)
HSL: hsl(342, 100%, 50%)
Luminanz: 0,218

Blue Dacnis #3BDDE3

RGB: rgb(59, 221, 227)
HSL: hsl(182, 75%, 56%)
Luminanz: 0,582

Noble Blue #69788E

RGB: rgb(105, 120, 142)
HSL: hsl(216, 15%, 48%)
Luminanz: 0,184

Zero Gravity #342132

RGB: rgb(52, 33, 50)
HSL: hsl(306, 22%, 17%)
Luminanz: 0,021

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #342132 14,90:1 AAA

Aa #3BDDE3 auf #342132 8,97:1 AAA

Aa #FFB743 auf #342132 8,59:1 AAA

Aa #FFFFFF auf #69788E 4,49:1 AA (großer Text)

Aa #FFFFFF auf #FF004D 3,92:1 AA (großer Text)

Aa #FF004D auf #342132 3,80:1 AA (großer Text)

Aa #69788E auf #342132 3,32:1 AA (großer Text)

Aa #3BDDE3 auf #69788E 2,70:1 Nicht bestanden

Aa #FFB743 auf #69788E 2,59:1 Nicht bestanden

Aa #FF004D auf #3BDDE3 2,36:1 Nicht bestanden

Aa #FFB743 auf #FF004D 2,26:1 Nicht bestanden

Aa #FFFFFF auf #FFB743 1,73:1 Nicht bestanden

Aa #FFFFFF auf #3BDDE3 1,66:1 Nicht bestanden

Aa #FF004D auf #69788E 1,15:1 Nicht bestanden

Aa #FFB743 auf #3BDDE3 1,04:1 Nicht bestanden

Clown Cake

Clown Cake

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen