Startseite Farbpaletten Palette „Pinkish Orange“ mit 4 Farben

Palette „Pinkish Orange“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Pinkish Orange“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Komplementär

Likes 5.300

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F79071;
  --c-vibrant-2: #FA744F;
  --c-vibrant-3: #16817A;
  --c-vibrant-4: #024249;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Salmon Nigiri (#F79071) bis zum dunkelsten Ton Dark Side (#024249). Sie vereint Salmon Nigiri, Pinkish Orange, Autumn Pine Green und Dark Side 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 #F79071 auf #024249 mit 4,89:1.

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

Farben im Detail

Salmon Nigiri #F79071

RGB: rgb(247, 144, 113)
HSL: hsl(14, 89%, 71%)
Luminanz: 0,409

Pinkish Orange #FA744F

RGB: rgb(250, 116, 79)
HSL: hsl(13, 94%, 65%)
Luminanz: 0,334

Autumn Pine Green #16817A

RGB: rgb(22, 129, 122)
HSL: hsl(176, 71%, 30%)
Luminanz: 0,173

Dark Side #024249

RGB: rgb(2, 66, 73)
HSL: hsl(186, 95%, 15%)
Luminanz: 0,044

Kontrast & Barrierefreiheit

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

Aa #F79071 auf #024249 4,89:1 AA

Aa #FA744F auf #024249 4,09:1 AA (großer Text)

Aa #16817A auf #024249 2,37:1 Nicht bestanden

Aa #F79071 auf #16817A 2,06:1 Nicht bestanden

Aa #FA744F auf #16817A 1,72:1 Nicht bestanden

Aa #F79071 auf #FA744F 1,20:1 Nicht bestanden

Palette „Pinkish Orange“ mit 4 Farben