Startseite Farbpaletten Palette „Shocking Orange“ mit 4 Farben

Palette „Shocking Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Shocking Orange“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Monochrom

Likes 2.161

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FAF3E1;
  --c-vibrant-2: #F5E7C6;
  --c-vibrant-3: #FF6D1F;
  --c-vibrant-4: #222222;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton God-Given (#FAF3E1) bis zum dunkelsten Ton Eye Patch (#222222). Sie vereint God-Given, Cottonseed, Shocking Orange und Eye Patch in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FAF3E1 auf #222222 mit 14,37:1.

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

Farben im Detail

God-Given #FAF3E1

RGB: rgb(250, 243, 225)
HSL: hsl(43, 71%, 93%)
Luminanz: 0,899

Cottonseed #F5E7C6

RGB: rgb(245, 231, 198)
HSL: hsl(42, 70%, 87%)
Luminanz: 0,806

Shocking Orange #FF6D1F

RGB: rgb(255, 109, 31)
HSL: hsl(21, 100%, 56%)
Luminanz: 0,323

Eye Patch #222222

RGB: rgb(34, 34, 34)
HSL: hsl(0, 0%, 13%)
Luminanz: 0,016

Kontrast & Barrierefreiheit

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

Aa #FAF3E1 auf #222222 14,37:1 AAA

Aa #F5E7C6 auf #222222 12,98:1 AAA

Aa #FF6D1F auf #222222 5,65:1 AA

Aa #FAF3E1 auf #FF6D1F 2,54:1 Nicht bestanden

Aa #F5E7C6 auf #FF6D1F 2,30:1 Nicht bestanden

Aa #FAF3E1 auf #F5E7C6 1,11:1 Nicht bestanden

Palette „Shocking Orange“ mit 4 Farben