Startseite Farbpaletten Palette „Princeton Orange“ mit 4 Farben

Palette „Princeton Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Princeton Orange“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 4.526

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #00712D;
  --c-vibrant-2: #D5ED9F;
  --c-vibrant-3: #FFFBE6;
  --c-vibrant-4: #FF9100;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Rocket Fuel (#FFFBE6) bis zum dunkelsten Ton Ireland Green (#00712D). Sie vereint Ireland Green, Reef Refractions, Rocket Fuel und Princeton Orange 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 #00712D auf #FFFBE6 mit 5,94:1.

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

Farben im Detail

Ireland Green #00712D

RGB: rgb(0, 113, 45)
HSL: hsl(144, 100%, 22%)
Luminanz: 0,120

Reef Refractions #D5ED9F

RGB: rgb(213, 237, 159)
HSL: hsl(78, 68%, 78%)
Luminanz: 0,772

Rocket Fuel #FFFBE6

RGB: rgb(255, 251, 230)
HSL: hsl(50, 100%, 95%)
Luminanz: 0,960

Princeton Orange #FF9100

RGB: rgb(255, 145, 0)
HSL: hsl(34, 100%, 50%)
Luminanz: 0,415

Kontrast & Barrierefreiheit

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

Aa #00712D auf #FFFBE6 5,94:1 AA

Aa #00712D auf #D5ED9F 4,84:1 AA

Aa #00712D auf #FF9100 2,74:1 Nicht bestanden

Aa #FFFBE6 auf #FF9100 2,17:1 Nicht bestanden

Aa #D5ED9F auf #FF9100 1,77:1 Nicht bestanden

Aa #D5ED9F auf #FFFBE6 1,23:1 Nicht bestanden

Palette „Princeton Orange“ mit 4 Farben