Startseite Farbpaletten Palette „Neon Cloud“ mit 4 Farben

Palette „Neon Cloud“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Neon Cloud“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Monochrom

Likes 5.982

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #B7472A;
  --c-vibrant-2: #EB9788;
  --c-vibrant-3: #FFD5AB;
  --c-vibrant-4: #FFF2E5;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Doeskin (#FFF2E5) bis zum dunkelsten Ton Cattail Red (#B7472A). Sie vereint Cattail Red, Whimsy, Neon Cloud und Doeskin in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #B7472A auf #FFF2E5 mit 4,83:1.

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

Farben im Detail

Cattail Red #B7472A

RGB: rgb(183, 71, 42)
HSL: hsl(12, 63%, 44%)
Luminanz: 0,147

Whimsy #EB9788

RGB: rgb(235, 151, 136)
HSL: hsl(9, 71%, 73%)
Luminanz: 0,416

Neon Cloud #FFD5AB

RGB: rgb(255, 213, 171)
HSL: hsl(30, 100%, 84%)
Luminanz: 0,718

Doeskin #FFF2E5

RGB: rgb(255, 242, 229)
HSL: hsl(30, 100%, 95%)
Luminanz: 0,904

Kontrast & Barrierefreiheit

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

Aa #B7472A auf #FFF2E5 4,83:1 AA

Aa #B7472A auf #FFD5AB 3,89:1 AA (großer Text)

Aa #B7472A auf #EB9788 2,36:1 Nicht bestanden

Aa #EB9788 auf #FFF2E5 2,05:1 Nicht bestanden

Aa #EB9788 auf #FFD5AB 1,65:1 Nicht bestanden

Aa #FFD5AB auf #FFF2E5 1,24:1 Nicht bestanden

Palette „Neon Cloud“ mit 4 Farben