Startseite Farbpaletten Palette „Honey Carrot Cake“ mit 4 Farben

Palette „Honey Carrot Cake“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Honey Carrot Cake“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 1.719

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFEF6F;
  --c-vibrant-2: #FF9757;
  --c-vibrant-3: #D84545;
  --c-vibrant-4: #7B3030;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Yellow Sand (#FFEF6F) bis zum dunkelsten Ton Fired Brick (#7B3030). Sie vereint Yellow Sand, Honey Carrot Cake, Cute Crab und Fired Brick in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFEF6F auf #7B3030 mit 7,73:1.

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

Farben im Detail

Yellow Sand #FFEF6F

RGB: rgb(255, 239, 111)
HSL: hsl(53, 100%, 72%)
Luminanz: 0,841

Honey Carrot Cake #FF9757

RGB: rgb(255, 151, 87)
HSL: hsl(23, 100%, 67%)
Luminanz: 0,441

Cute Crab #D84545

RGB: rgb(216, 69, 69)
HSL: hsl(0, 65%, 56%)
Luminanz: 0,193

Fired Brick #7B3030

RGB: rgb(123, 48, 48)
HSL: hsl(0, 44%, 34%)
Luminanz: 0,065

Kontrast & Barrierefreiheit

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

Aa #FFEF6F auf #7B3030 7,73:1 AAA

Aa #FF9757 auf #7B3030 4,25:1 AA (großer Text)

Aa #FFEF6F auf #D84545 3,67:1 AA (großer Text)

Aa #D84545 auf #7B3030 2,10:1 Nicht bestanden

Aa #FF9757 auf #D84545 2,02:1 Nicht bestanden

Aa #FFEF6F auf #FF9757 1,82:1 Nicht bestanden

Palette „Honey Carrot Cake“ mit 4 Farben