Startseite Farbpaletten Palette „Happy Prawn“ mit 4 Farben

Palette „Happy Prawn“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Happy Prawn“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Komplementär

Likes 9.010

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFEEDB;
  --c-vibrant-2: #FFD8CC;
  --c-vibrant-3: #FFBD9B;
  --c-vibrant-4: #0A1D37;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sand Crystal (#FFEEDB) bis zum dunkelsten Ton Trapped Darkness (#0A1D37). Sie vereint Sand Crystal, Pale Jasper, Happy Prawn und Trapped Darkness 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 #FFEEDB auf #0A1D37 mit 14,88:1.

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

Farben im Detail

Sand Crystal #FFEEDB

RGB: rgb(255, 238, 219)
HSL: hsl(32, 100%, 93%)
Luminanz: 0,875

Pale Jasper #FFD8CC

RGB: rgb(255, 216, 204)
HSL: hsl(14, 100%, 90%)
Luminanz: 0,747

Happy Prawn #FFBD9B

RGB: rgb(255, 189, 155)
HSL: hsl(20, 100%, 80%)
Luminanz: 0,600

Trapped Darkness #0A1D37

RGB: rgb(10, 29, 55)
HSL: hsl(215, 69%, 13%)
Luminanz: 0,012

Kontrast & Barrierefreiheit

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

Aa #FFEEDB auf #0A1D37 14,88:1 AAA

Aa #FFD8CC auf #0A1D37 12,82:1 AAA

Aa #FFBD9B auf #0A1D37 10,46:1 AAA

Aa #FFEEDB auf #FFBD9B 1,42:1 Nicht bestanden

Aa #FFD8CC auf #FFBD9B 1,23:1 Nicht bestanden

Aa #FFEEDB auf #FFD8CC 1,16:1 Nicht bestanden

Palette „Happy Prawn“ mit 4 Farben