Startseite Farbpaletten Palette „Nippon“ mit 4 Farben

Palette „Nippon“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Nippon“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 4.371

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F2E8C6;
  --c-vibrant-2: #F5841A;
  --c-vibrant-3: #BB0029;
  --c-vibrant-4: #03002C;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Ethereal Green (#F2E8C6) bis zum dunkelsten Ton Midnight (#03002C). Sie vereint Ethereal Green, Consumed by Fire, Nippon und Midnight 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 #F2E8C6 auf #03002C mit 16,47:1.

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

Farben im Detail

Ethereal Green #F2E8C6

RGB: rgb(242, 232, 198)
HSL: hsl(46, 63%, 86%)
Luminanz: 0,807

Consumed by Fire #F5841A

RGB: rgb(245, 132, 26)
HSL: hsl(29, 92%, 53%)
Luminanz: 0,360

Nippon #BB0029

RGB: rgb(187, 0, 41)
HSL: hsl(347, 100%, 37%)
Luminanz: 0,107

Midnight #03002C

RGB: rgb(3, 0, 44)
HSL: hsl(244, 100%, 9%)
Luminanz: 0,002

Kontrast & Barrierefreiheit

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

Aa #F2E8C6 auf #03002C 16,47:1 AAA

Aa #F5841A auf #03002C 7,88:1 AAA

Aa #F2E8C6 auf #BB0029 5,45:1 AA

Aa #BB0029 auf #03002C 3,02:1 AA (großer Text)

Aa #F5841A auf #BB0029 2,61:1 Nicht bestanden

Aa #F2E8C6 auf #F5841A 2,09:1 Nicht bestanden

Palette „Nippon“ mit 4 Farben