Startseite Farbpaletten Palette „My Sin“ mit 4 Farben

Palette „My Sin“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „My Sin“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 4.904

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFAF45;
  --c-vibrant-2: #FB6D48;
  --c-vibrant-3: #D74B76;
  --c-vibrant-4: #673F69;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton My Sin (#FFAF45) bis zum dunkelsten Ton Purple Odyssey (#673F69). Sie vereint My Sin, Outrageous Orange, Rose Turkish Delight und Purple Odyssey 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 #FFAF45 auf #673F69 mit 4,6:1.

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

Farben im Detail

My Sin #FFAF45

RGB: rgb(255, 175, 69)
HSL: hsl(34, 100%, 64%)
Luminanz: 0,524

Outrageous Orange #FB6D48

RGB: rgb(251, 109, 72)
HSL: hsl(12, 96%, 63%)
Luminanz: 0,319

Rose Turkish Delight #D74B76

RGB: rgb(215, 75, 118)
HSL: hsl(342, 64%, 57%)
Luminanz: 0,208

Purple Odyssey #673F69

RGB: rgb(103, 63, 105)
HSL: hsl(297, 25%, 33%)
Luminanz: 0,075

Kontrast & Barrierefreiheit

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

Aa #FFAF45 auf #673F69 4,60:1 AA

Aa #FB6D48 auf #673F69 2,96:1 Nicht bestanden

Aa #FFAF45 auf #D74B76 2,22:1 Nicht bestanden

Aa #D74B76 auf #673F69 2,07:1 Nicht bestanden

Aa #FFAF45 auf #FB6D48 1,55:1 Nicht bestanden

Aa #FB6D48 auf #D74B76 1,43:1 Nicht bestanden

Palette „My Sin“ mit 4 Farben