Startseite Farbpaletten Palette „Princeton Orange“ mit 4 Farben

Palette „Princeton Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Princeton Orange“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 4.447

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #26355D;
  --c-vibrant-2: #AF47D2;
  --c-vibrant-3: #FF8F00;
  --c-vibrant-4: #FFDB00;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sizzling Sunrise (#FFDB00) bis zum dunkelsten Ton Midnight Sleigh (#26355D). Sie vereint Midnight Sleigh, Purple Yam, Princeton Orange und Sizzling Sunrise in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #26355D auf #FFDB00 mit 8,79:1.

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

Farben im Detail

Midnight Sleigh #26355D

RGB: rgb(38, 53, 93)
HSL: hsl(224, 42%, 26%)
Luminanz: 0,038

Purple Yam #AF47D2

RGB: rgb(175, 71, 210)
HSL: hsl(285, 61%, 55%)
Luminanz: 0,183

Princeton Orange #FF8F00

RGB: rgb(255, 143, 0)
HSL: hsl(34, 100%, 50%)
Luminanz: 0,409

Sizzling Sunrise #FFDB00

RGB: rgb(255, 219, 0)
HSL: hsl(52, 100%, 50%)
Luminanz: 0,719

Kontrast & Barrierefreiheit

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

Aa #26355D auf #FFDB00 8,79:1 AAA

Aa #26355D auf #FF8F00 5,25:1 AA

Aa #AF47D2 auf #FFDB00 3,31:1 AA (großer Text)

Aa #26355D auf #AF47D2 2,66:1 Nicht bestanden

Aa #AF47D2 auf #FF8F00 1,97:1 Nicht bestanden

Aa #FF8F00 auf #FFDB00 1,68:1 Nicht bestanden

Palette „Princeton Orange“ mit 4 Farben