Startseite Farbpaletten Palette „Salome“ mit 4 Farben

Palette „Salome“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Salome“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 9.931

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #B9EDDD;
  --c-muted-2: #87CBB9;
  --c-muted-3: #569DAA;
  --c-muted-4: #577D86;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Salome (#B9EDDD) bis zum dunkelsten Ton Sultry Bay (#577D86). Sie vereint Salome, Tranquil Teal, Flood Out und Sultry Bay in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Salome #B9EDDD

RGB: rgb(185, 237, 221)
HSL: hsl(162, 59%, 83%)
Luminanz: 0,761

Tranquil Teal #87CBB9

RGB: rgb(135, 203, 185)
HSL: hsl(164, 40%, 66%)
Luminanz: 0,514

Flood Out #569DAA

RGB: rgb(86, 157, 170)
HSL: hsl(189, 33%, 50%)
Luminanz: 0,290

Sultry Bay #577D86

RGB: rgb(87, 125, 134)
HSL: hsl(191, 21%, 43%)
Luminanz: 0,184

Kontrast & Barrierefreiheit

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

Aa #B9EDDD auf #577D86 3,46:1 AA (großer Text)

Aa #87CBB9 auf #577D86 2,41:1 Nicht bestanden

Aa #B9EDDD auf #569DAA 2,39:1 Nicht bestanden

Aa #87CBB9 auf #569DAA 1,66:1 Nicht bestanden

Aa #569DAA auf #577D86 1,45:1 Nicht bestanden

Aa #B9EDDD auf #87CBB9 1,44:1 Nicht bestanden

Palette „Salome“ mit 4 Farben