Startseite Farbpaletten Palette „Orioles Orange“ mit 4 Farben

Palette „Orioles Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Orioles Orange“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 3.383

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #03A6A1;
  --c-vibrant-2: #FFE3BB;
  --c-vibrant-3: #FFA673;
  --c-vibrant-4: #FF4F0F;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Orange Glow (#FFE3BB) bis zum dunkelsten Ton Orioles Orange (#FF4F0F). Sie vereint Jadestone, Orange Glow, Young Tangerine und Orioles Orange in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Jadestone #03A6A1

RGB: rgb(3, 166, 161)
HSL: hsl(178, 96%, 33%)
Luminanz: 0,299

Orange Glow #FFE3BB

RGB: rgb(255, 227, 187)
HSL: hsl(35, 100%, 87%)
Luminanz: 0,798

Young Tangerine #FFA673

RGB: rgb(255, 166, 115)
HSL: hsl(22, 100%, 73%)
Luminanz: 0,498

Orioles Orange #FF4F0F

RGB: rgb(255, 79, 15)
HSL: hsl(16, 100%, 53%)
Luminanz: 0,269

Kontrast & Barrierefreiheit

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

Aa #FFE3BB auf #FF4F0F 2,66:1 Nicht bestanden

Aa #03A6A1 auf #FFE3BB 2,43:1 Nicht bestanden

Aa #FFA673 auf #FF4F0F 1,72:1 Nicht bestanden

Aa #03A6A1 auf #FFA673 1,57:1 Nicht bestanden

Aa #FFE3BB auf #FFA673 1,55:1 Nicht bestanden

Aa #03A6A1 auf #FF4F0F 1,09:1 Nicht bestanden

Palette „Orioles Orange“ mit 4 Farben