CRAB BEACH 7

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

Zurück zur Bibliothek

CRAB BEACH 7

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

Bearbeiten

Erdig 7 Farben Warm Gemischt Komplementär warm cool beach julysummertimepalettecontest

Likes 33

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #96E7CB;
  --c-earthy-2: #38AC84;
  --c-earthy-3: #198A7E;
  --c-earthy-4: #177E86;
  --c-earthy-5: #B93C4E;
  --c-earthy-6: #CA6453;
  --c-earthy-7: #CE875F;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Beach Glass (#96E7CB) bis zum dunkelsten Ton Dragon’s Blood (#B93C4E). Sie vereint Beach Glass, Gumdrop Green, Porcelain Green, Caribe, Dragon’s Blood, Quite Coral und Harvest Time in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 21 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Beach Glass #96E7CB

RGB: rgb(150, 231, 203)
HSL: hsl(159, 63%, 75%)
Luminanz: 0,680

Gumdrop Green #38AC84

RGB: rgb(56, 172, 132)
HSL: hsl(159, 51%, 45%)
Luminanz: 0,320

Porcelain Green #198A7E

RGB: rgb(25, 138, 126)
HSL: hsl(174, 69%, 32%)
Luminanz: 0,199

Caribe #177E86

RGB: rgb(23, 126, 134)
HSL: hsl(184, 71%, 31%)
Luminanz: 0,168

Dragon’s Blood #B93C4E

RGB: rgb(185, 60, 78)
HSL: hsl(351, 51%, 48%)
Luminanz: 0,141

Quite Coral #CA6453

RGB: rgb(202, 100, 83)
HSL: hsl(9, 53%, 56%)
Luminanz: 0,223

Harvest Time #CE875F

RGB: rgb(206, 135, 95)
HSL: hsl(22, 53%, 59%)
Luminanz: 0,313

Kontrast & Barrierefreiheit

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

Aa #96E7CB auf #B93C4E 3,82:1 AA (großer Text)

Aa #96E7CB auf #177E86 3,34:1 AA (großer Text)

Aa #96E7CB auf #198A7E 2,93:1 Nicht bestanden

Aa #96E7CB auf #CA6453 2,67:1 Nicht bestanden

Aa #96E7CB auf #CE875F 2,01:1 Nicht bestanden

Aa #96E7CB auf #38AC84 1,97:1 Nicht bestanden

Aa #38AC84 auf #B93C4E 1,94:1 Nicht bestanden

Aa #B93C4E auf #CE875F 1,90:1 Nicht bestanden

Aa #38AC84 auf #177E86 1,70:1 Nicht bestanden

Aa #177E86 auf #CE875F 1,66:1 Nicht bestanden

Aa #38AC84 auf #198A7E 1,49:1 Nicht bestanden

Aa #198A7E auf #CE875F 1,46:1 Nicht bestanden

Aa #B93C4E auf #CA6453 1,43:1 Nicht bestanden

Aa #38AC84 auf #CA6453 1,36:1 Nicht bestanden

Aa #CA6453 auf #CE875F 1,33:1 Nicht bestanden

Aa #198A7E auf #B93C4E 1,30:1 Nicht bestanden

Aa #177E86 auf #CA6453 1,25:1 Nicht bestanden

Aa #198A7E auf #177E86 1,14:1 Nicht bestanden

Aa #177E86 auf #B93C4E 1,14:1 Nicht bestanden

Aa #198A7E auf #CA6453 1,10:1 Nicht bestanden

Aa #38AC84 auf #CE875F 1,02:1 Nicht bestanden

CRAB BEACH 7

CRAB BEACH 7

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen