SOBEACHY8

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

Zurück zur Bibliothek

SOBEACHY8

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

Bearbeiten

Erdig 8 Farben Warm Hell Komplementär pastel light sobeachy

Likes 513

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #E55388;
  --c-earthy-2: #E57D88;
  --c-earthy-3: #E59F88;
  --c-earthy-4: #E5D988;
  --c-earthy-5: #E3D5CC;
  --c-earthy-6: #BAD5CC;
  --c-earthy-7: #6DD5CC;
  --c-earthy-8: #5AC5CC;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Champagne Rose (#E3D5CC) bis zum dunkelsten Ton Heather Berry (#E55388). Sie vereint Heather Berry, True Love, Tonys Pink, Dead Grass, Champagne Rose, Quaver, Hidden Sea Glass und Baharroth Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 28 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

Heather Berry #E55388

RGB: rgb(229, 83, 136)
HSL: hsl(338, 74%, 61%)
Luminanz: 0,246

True Love #E57D88

RGB: rgb(229, 125, 136)
HSL: hsl(354, 67%, 69%)
Luminanz: 0,331

Tonys Pink #E59F88

RGB: rgb(229, 159, 136)
HSL: hsl(15, 64%, 72%)
Luminanz: 0,432

Dead Grass #E5D988

RGB: rgb(229, 217, 136)
HSL: hsl(52, 64%, 72%)
Luminanz: 0,681

Champagne Rose #E3D5CC

RGB: rgb(227, 213, 204)
HSL: hsl(23, 29%, 85%)
Luminanz: 0,683

Quaver #BAD5CC

RGB: rgb(186, 213, 204)
HSL: hsl(160, 24%, 78%)
Luminanz: 0,624

Hidden Sea Glass #6DD5CC

RGB: rgb(109, 213, 204)
HSL: hsl(175, 55%, 63%)
Luminanz: 0,552

Baharroth Blue #5AC5CC

RGB: rgb(90, 197, 204)
HSL: hsl(184, 53%, 58%)
Luminanz: 0,465

Kontrast & Barrierefreiheit

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

Aa #E55388 auf #E5D988 2,47:1 Nicht bestanden

Aa #E55388 auf #E3D5CC 2,47:1 Nicht bestanden

Aa #E55388 auf #BAD5CC 2,27:1 Nicht bestanden

Aa #E55388 auf #6DD5CC 2,03:1 Nicht bestanden

Aa #E57D88 auf #E5D988 1,92:1 Nicht bestanden

Aa #E57D88 auf #E3D5CC 1,92:1 Nicht bestanden

Aa #E57D88 auf #BAD5CC 1,77:1 Nicht bestanden

Aa #E55388 auf #5AC5CC 1,74:1 Nicht bestanden

Aa #E55388 auf #E59F88 1,63:1 Nicht bestanden

Aa #E57D88 auf #6DD5CC 1,58:1 Nicht bestanden

Aa #E59F88 auf #E3D5CC 1,52:1 Nicht bestanden

Aa #E59F88 auf #E5D988 1,51:1 Nicht bestanden

Aa #E5D988 auf #5AC5CC 1,42:1 Nicht bestanden

Aa #E3D5CC auf #5AC5CC 1,42:1 Nicht bestanden

Aa #E59F88 auf #BAD5CC 1,40:1 Nicht bestanden

Aa #E57D88 auf #5AC5CC 1,35:1 Nicht bestanden

Aa #BAD5CC auf #5AC5CC 1,31:1 Nicht bestanden

Aa #E55388 auf #E57D88 1,29:1 Nicht bestanden

Aa #E57D88 auf #E59F88 1,27:1 Nicht bestanden

Aa #E59F88 auf #6DD5CC 1,25:1 Nicht bestanden

Aa #E3D5CC auf #6DD5CC 1,22:1 Nicht bestanden

Aa #E5D988 auf #6DD5CC 1,21:1 Nicht bestanden

Aa #6DD5CC auf #5AC5CC 1,17:1 Nicht bestanden

Aa #BAD5CC auf #6DD5CC 1,12:1 Nicht bestanden

Aa #E3D5CC auf #BAD5CC 1,09:1 Nicht bestanden

Aa #E5D988 auf #BAD5CC 1,08:1 Nicht bestanden

Aa #E59F88 auf #5AC5CC 1,07:1 Nicht bestanden

Aa #E5D988 auf #E3D5CC 1,00:1 Nicht bestanden

SOBEACHY8

SOBEACHY8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen