Startseite Farbpaletten Palette „Beach Blanket“ mit 4 Farben

Palette „Beach Blanket“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Beach Blanket“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 534

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #091413;
  --c-muted-2: #285A48;
  --c-muted-3: #408A71;
  --c-muted-4: #B0E4CC;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Beach Blanket (#B0E4CC) bis zum dunkelsten Ton Ruined Smores (#091413). Sie vereint Ruined Smores, Billiard Green, Aussie Surf und Beach Blanket 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 #091413 auf #B0E4CC mit 13,22:1.

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

Farben im Detail

Ruined Smores #091413

RGB: rgb(9, 20, 19)
HSL: hsl(175, 38%, 6%)
Luminanz: 0,006

Billiard Green #285A48

RGB: rgb(40, 90, 72)
HSL: hsl(158, 38%, 25%)
Luminanz: 0,082

Aussie Surf #408A71

RGB: rgb(64, 138, 113)
HSL: hsl(160, 37%, 40%)
Luminanz: 0,205

Beach Blanket #B0E4CC

RGB: rgb(176, 228, 204)
HSL: hsl(152, 49%, 79%)
Luminanz: 0,691

Kontrast & Barrierefreiheit

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

Aa #091413 auf #B0E4CC 13,22:1 AAA

Aa #285A48 auf #B0E4CC 5,60:1 AA

Aa #091413 auf #408A71 4,54:1 AA

Aa #408A71 auf #B0E4CC 2,91:1 Nicht bestanden

Aa #091413 auf #285A48 2,36:1 Nicht bestanden

Aa #285A48 auf #408A71 1,92:1 Nicht bestanden

Palette „Beach Blanket“ mit 4 Farben