Startseite Farbpaletten Palette „Nuclear Mango“ mit 4 Farben

Palette „Nuclear Mango“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Nuclear Mango“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 3.428

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FAF4F4;
  --c-vibrant-2: #EF962D;
  --c-vibrant-3: #9C5518;
  --c-vibrant-4: #5A3F11;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Abalone (#FAF4F4) bis zum dunkelsten Ton Hippogriff Brown (#5A3F11). Sie vereint Abalone, Nuclear Mango, Sepia Wash und Hippogriff Brown 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 #FAF4F4 auf #5A3F11 mit 8,97:1.

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

Farben im Detail

Abalone #FAF4F4

RGB: rgb(250, 244, 244)
HSL: hsl(0, 37%, 97%)
Luminanz: 0,916

Nuclear Mango #EF962D

RGB: rgb(239, 150, 45)
HSL: hsl(32, 86%, 56%)
Luminanz: 0,404

Sepia Wash #9C5518

RGB: rgb(156, 85, 24)
HSL: hsl(28, 73%, 35%)
Luminanz: 0,136

Hippogriff Brown #5A3F11

RGB: rgb(90, 63, 17)
HSL: hsl(38, 68%, 21%)
Luminanz: 0,058

Kontrast & Barrierefreiheit

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

Aa #FAF4F4 auf #5A3F11 8,97:1 AAA

Aa #FAF4F4 auf #9C5518 5,18:1 AA

Aa #EF962D auf #5A3F11 4,21:1 AA (großer Text)

Aa #EF962D auf #9C5518 2,43:1 Nicht bestanden

Aa #FAF4F4 auf #EF962D 2,13:1 Nicht bestanden

Aa #9C5518 auf #5A3F11 1,73:1 Nicht bestanden

Palette „Nuclear Mango“ mit 4 Farben