Startseite Farbpaletten Palette „Absolute Apricot“ mit 4 Farben

Palette „Absolute Apricot“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Absolute Apricot“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Lebendig 4 Farben Warm Gemischt Monochrom

Likes 1.488

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFFDF1;
  --c-vibrant-2: #FFCE99;
  --c-vibrant-3: #FF9644;
  --c-vibrant-4: #562F00;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Granulated Sugar (#FFFDF1) bis zum dunkelsten Ton Eyelash Camel (#562F00). Sie vereint Granulated Sugar, Peach Orange, Absolute Apricot und Eyelash Camel in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFDF1 auf #562F00 mit 11,41:1.

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

Farben im Detail

Granulated Sugar #FFFDF1

RGB: rgb(255, 253, 241)
HSL: hsl(51, 100%, 97%)
Luminanz: 0,979

Peach Orange #FFCE99

RGB: rgb(255, 206, 153)
HSL: hsl(31, 100%, 80%)
Luminanz: 0,677

Absolute Apricot #FF9644

RGB: rgb(255, 150, 68)
HSL: hsl(26, 100%, 63%)
Luminanz: 0,435

Eyelash Camel #562F00

RGB: rgb(86, 47, 0)
HSL: hsl(33, 100%, 17%)
Luminanz: 0,040

Kontrast & Barrierefreiheit

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

Aa #FFFDF1 auf #562F00 11,41:1 AAA

Aa #FFCE99 auf #562F00 8,07:1 AAA

Aa #FF9644 auf #562F00 5,38:1 AA

Aa #FFFDF1 auf #FF9644 2,12:1 Nicht bestanden

Aa #FFCE99 auf #FF9644 1,50:1 Nicht bestanden

Aa #FFFDF1 auf #FFCE99 1,41:1 Nicht bestanden

Palette „Absolute Apricot“ mit 4 Farben