Startseite Farbpaletten Palette „Princeton Orange“ mit 4 Farben

Palette „Princeton Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Princeton Orange“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 3.575

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #B31313;
  --c-vibrant-2: #FF9000;
  --c-vibrant-3: #FDDA16;
  --c-vibrant-4: #FFEE82;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Lemon Peel (#FFEE82) bis zum dunkelsten Ton Federation of Love (#B31313). Sie vereint Federation of Love, Princeton Orange, Candlelight und Lemon Peel 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 #B31313 auf #FFEE82 mit 5,9:1.

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

Farben im Detail

Federation of Love #B31313

RGB: rgb(179, 19, 19)
HSL: hsl(0, 81%, 39%)
Luminanz: 0,101

Princeton Orange #FF9000

RGB: rgb(255, 144, 0)
HSL: hsl(34, 100%, 50%)
Luminanz: 0,412

Candlelight #FDDA16

RGB: rgb(253, 218, 22)
HSL: hsl(51, 98%, 54%)
Luminanz: 0,711

Lemon Peel #FFEE82

RGB: rgb(255, 238, 130)
HSL: hsl(52, 100%, 75%)
Luminanz: 0,840

Kontrast & Barrierefreiheit

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

Aa #B31313 auf #FFEE82 5,90:1 AA

Aa #B31313 auf #FDDA16 5,04:1 AA

Aa #B31313 auf #FF9000 3,06:1 AA (großer Text)

Aa #FF9000 auf #FFEE82 1,93:1 Nicht bestanden

Aa #FF9000 auf #FDDA16 1,65:1 Nicht bestanden

Aa #FDDA16 auf #FFEE82 1,17:1 Nicht bestanden

Palette „Princeton Orange“ mit 4 Farben