Sandy 06

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Sandy 06

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 6 Farben Warm Gemischt Analog orange monoramp yellow desert

Likes 143

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #E7D99C;
  --c-vibrant-2: #E3BA66;
  --c-vibrant-3: #CE812C;
  --c-vibrant-4: #653019;
  --c-vibrant-5: #34140E;
  --c-vibrant-6: #0E0705;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Sunny Glory (#E7D99C) bis zum dunkelsten Ton Knight Rider (#0E0705). Sie vereint Sunny Glory, Dandelion Wish, Chinese Bronze, Overbaked, Black Rooster und Knight Rider in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E7D99C auf #0E0705 mit 14,08:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Sunny Glory #E7D99C

RGB: rgb(231, 217, 156)
HSL: hsl(49, 61%, 76%)
Luminanz: 0,690

Dandelion Wish #E3BA66

RGB: rgb(227, 186, 102)
HSL: hsl(40, 69%, 65%)
Luminanz: 0,524

Chinese Bronze #CE812C

RGB: rgb(206, 129, 44)
HSL: hsl(31, 65%, 49%)
Luminanz: 0,290

Overbaked #653019

RGB: rgb(101, 48, 25)
HSL: hsl(18, 60%, 25%)
Luminanz: 0,050

Black Rooster #34140E

RGB: rgb(52, 20, 14)
HSL: hsl(9, 58%, 13%)
Luminanz: 0,013

Knight Rider #0E0705

RGB: rgb(14, 7, 5)
HSL: hsl(13, 47%, 4%)
Luminanz: 0,003

Kontrast & Barrierefreiheit

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

Aa #E7D99C auf #0E0705 14,08:1 AAA

Aa #E7D99C auf #34140E 11,82:1 AAA

Aa #E3BA66 auf #0E0705 10,92:1 AAA

Aa #E3BA66 auf #34140E 9,17:1 AAA

Aa #E7D99C auf #653019 7,44:1 AAA

Aa #CE812C auf #0E0705 6,47:1 AA

Aa #E3BA66 auf #653019 5,77:1 AA

Aa #CE812C auf #34140E 5,43:1 AA

Aa #CE812C auf #653019 3,42:1 AA (großer Text)

Aa #E7D99C auf #CE812C 2,18:1 Nicht bestanden

Aa #653019 auf #0E0705 1,89:1 Nicht bestanden

Aa #E3BA66 auf #CE812C 1,69:1 Nicht bestanden

Aa #653019 auf #34140E 1,59:1 Nicht bestanden

Aa #E7D99C auf #E3BA66 1,29:1 Nicht bestanden

Aa #34140E auf #0E0705 1,19:1 Nicht bestanden

Sandy 06

Sandy 06

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen