Startseite Farbpaletten Palette „Caramel Cream“ mit 4 Farben

Palette „Caramel Cream“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Caramel Cream“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Monochrom

Likes 4.791

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #B82132;
  --c-vibrant-2: #D2665A;
  --c-vibrant-3: #F2B28C;
  --c-vibrant-4: #F6DED8;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Wedding Pink (#F6DED8) bis zum dunkelsten Ton Demonic (#B82132). Sie vereint Demonic, Desert Coral, Caramel Cream und Wedding Pink 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 #B82132 auf #F6DED8 mit 4,95:1.

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

Farben im Detail

Demonic #B82132

RGB: rgb(184, 33, 50)
HSL: hsl(353, 70%, 43%)
Luminanz: 0,115

Desert Coral #D2665A

RGB: rgb(210, 102, 90)
HSL: hsl(6, 57%, 59%)
Luminanz: 0,239

Caramel Cream #F2B28C

RGB: rgb(242, 178, 140)
HSL: hsl(22, 80%, 75%)
Luminanz: 0,526

Wedding Pink #F6DED8

RGB: rgb(246, 222, 216)
HSL: hsl(12, 63%, 91%)
Luminanz: 0,768

Kontrast & Barrierefreiheit

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

Aa #B82132 auf #F6DED8 4,95:1 AA

Aa #B82132 auf #F2B28C 3,49:1 AA (großer Text)

Aa #D2665A auf #F6DED8 2,83:1 Nicht bestanden

Aa #D2665A auf #F2B28C 1,99:1 Nicht bestanden

Aa #B82132 auf #D2665A 1,75:1 Nicht bestanden

Aa #F2B28C auf #F6DED8 1,42:1 Nicht bestanden

Palette „Caramel Cream“ mit 4 Farben