Startseite Farbpaletten Orange Dreamsicle

Orange Dreamsicle

Palette mit 5 Farben · Warm · Hell · Harmonie: Analog

Zurück zur Bibliothek

Orange Dreamsicle

Palette mit 5 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Analog

Bearbeiten

Lebendig 5 Farben Warm Hell Analog

Likes 17

Farben 5

CSS-Variablen

:root {
  --c-vibrant-1: #FBEFE0;
  --c-vibrant-2: #F3C4A0;
  --c-vibrant-3: #E7A073;
  --c-vibrant-4: #DA6849;
  --c-vibrant-5: #BD429C;
}

Über diese Palette

Diese lebendige Palette mit 5 Farben reicht vom hellsten Ton Silk Lining (#FBEFE0) bis zum dunkelsten Ton Boat Orchid (#BD429C). Sie vereint Silk Lining, Almond Cream, Inventive Orange, Jelly Slug und Boat Orchid in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 10 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Silk Lining #FBEFE0

RGB: rgb(251, 239, 224)
HSL: hsl(33, 77%, 93%)
Luminanz: 0,876

Almond Cream #F3C4A0

RGB: rgb(243, 196, 160)
HSL: hsl(26, 78%, 79%)
Luminanz: 0,611

Inventive Orange #E7A073

RGB: rgb(231, 160, 115)
HSL: hsl(23, 71%, 68%)
Luminanz: 0,434

Jelly Slug #DA6849

RGB: rgb(218, 104, 73)
HSL: hsl(13, 66%, 57%)
Luminanz: 0,253

Boat Orchid #BD429C

RGB: rgb(189, 66, 156)
HSL: hsl(316, 48%, 50%)
Luminanz: 0,171

Kontrast & Barrierefreiheit

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

Aa #FBEFE0 auf #BD429C 4,19:1 AA (großer Text)

Aa #FBEFE0 auf #DA6849 3,06:1 AA (großer Text)

Aa #F3C4A0 auf #BD429C 2,99:1 Nicht bestanden

Aa #E7A073 auf #BD429C 2,19:1 Nicht bestanden

Aa #F3C4A0 auf #DA6849 2,18:1 Nicht bestanden

Aa #FBEFE0 auf #E7A073 1,91:1 Nicht bestanden

Aa #E7A073 auf #DA6849 1,60:1 Nicht bestanden

Aa #FBEFE0 auf #F3C4A0 1,40:1 Nicht bestanden

Aa #F3C4A0 auf #E7A073 1,37:1 Nicht bestanden

Aa #DA6849 auf #BD429C 1,37:1 Nicht bestanden

Orange Dreamsicle