Apricot

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

Zurück zur Bibliothek

Apricot

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

Bearbeiten

Lebendig 6 Farben Warm Gemischt Analog orange dark warm pastel

Likes 79

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #3B2524;
  --c-vibrant-2: #735044;
  --c-vibrant-3: #B76B53;
  --c-vibrant-4: #E48362;
  --c-vibrant-5: #FF9F72;
  --c-vibrant-6: #FFFFD5;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Matt White (#FFFFD5) bis zum dunkelsten Ton Ethereal Espresso (#3B2524). Sie vereint Ethereal Espresso, Coffee Shop, Clay, Brewed Mustard, Candyman und Matt White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #3B2524 auf #FFFFD5 mit 13,9:1.

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

Farben im Detail

Ethereal Espresso #3B2524

RGB: rgb(59, 37, 36)
HSL: hsl(3, 24%, 19%)
Luminanz: 0,024

Coffee Shop #735044

RGB: rgb(115, 80, 68)
HSL: hsl(15, 26%, 36%)
Luminanz: 0,098

Clay #B76B53

RGB: rgb(183, 107, 83)
HSL: hsl(14, 41%, 52%)
Luminanz: 0,212

Brewed Mustard #E48362

RGB: rgb(228, 131, 98)
HSL: hsl(15, 71%, 64%)
Luminanz: 0,336

Candyman #FF9F72

RGB: rgb(255, 159, 114)
HSL: hsl(19, 100%, 72%)
Luminanz: 0,473

Matt White #FFFFD5

RGB: rgb(255, 255, 213)
HSL: hsl(60, 100%, 92%)
Luminanz: 0,976

Kontrast & Barrierefreiheit

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

Aa #3B2524 auf #FFFFD5 13,90:1 AAA

Aa #3B2524 auf #FF9F72 7,08:1 AAA

Aa #735044 auf #FFFFD5 6,93:1 AA

Aa #3B2524 auf #E48362 5,23:1 AA

Aa #B76B53 auf #FFFFD5 3,91:1 AA (großer Text)

Aa #3B2524 auf #B76B53 3,55:1 AA (großer Text)

Aa #735044 auf #FF9F72 3,53:1 AA (großer Text)

Aa #E48362 auf #FFFFD5 2,66:1 Nicht bestanden

Aa #735044 auf #E48362 2,61:1 Nicht bestanden

Aa #3B2524 auf #735044 2,01:1 Nicht bestanden

Aa #B76B53 auf #FF9F72 1,99:1 Nicht bestanden

Aa #FF9F72 auf #FFFFD5 1,96:1 Nicht bestanden

Aa #735044 auf #B76B53 1,77:1 Nicht bestanden

Aa #B76B53 auf #E48362 1,47:1 Nicht bestanden

Aa #E48362 auf #FF9F72 1,35:1 Nicht bestanden

Apricot

Apricot

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen