Startseite Farbpaletten Palette „Santorini“ mit 4 Farben

Palette „Santorini“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Santorini“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 2.332

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #E4E4E4;
  --c-muted-2: #41B3D3;
  --c-muted-3: #61D2DC;
  --c-muted-4: #444444;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Titanium White (#E4E4E4) bis zum dunkelsten Ton Goshawk Grey (#444444). Sie vereint Titanium White, Santorini, Watercourse und Goshawk Grey in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E4E4E4 auf #444444 mit 7,66:1.

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

Farben im Detail

Titanium White #E4E4E4

RGB: rgb(228, 228, 228)
HSL: hsl(0, 0%, 89%)
Luminanz: 0,776

Santorini #41B3D3

RGB: rgb(65, 179, 211)
HSL: hsl(193, 62%, 54%)
Luminanz: 0,381

Watercourse #61D2DC

RGB: rgb(97, 210, 220)
HSL: hsl(185, 64%, 62%)
Luminanz: 0,538

Goshawk Grey #444444

RGB: rgb(68, 68, 68)
HSL: hsl(0, 0%, 27%)
Luminanz: 0,058

Kontrast & Barrierefreiheit

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

Aa #E4E4E4 auf #444444 7,66:1 AAA

Aa #61D2DC auf #444444 5,45:1 AA

Aa #41B3D3 auf #444444 3,99:1 AA (großer Text)

Aa #E4E4E4 auf #41B3D3 1,92:1 Nicht bestanden

Aa #E4E4E4 auf #61D2DC 1,40:1 Nicht bestanden

Aa #41B3D3 auf #61D2DC 1,37:1 Nicht bestanden

Palette „Santorini“ mit 4 Farben