Startseite Farbpaletten Palette „In the Shallows“ mit 4 Farben

Palette „In the Shallows“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „In the Shallows“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch

Likes 3.091

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #E4F2F0;
  --c-muted-2: #99D8D0;
  --c-muted-3: #70416D;
  --c-muted-4: #170A19;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Aqua Tint (#E4F2F0) bis zum dunkelsten Ton Crow (#170A19). Sie vereint Aqua Tint, In the Shallows, Burnt Orchid und Crow in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E4F2F0 auf #170A19 mit 16,69:1.

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

Farben im Detail

Aqua Tint #E4F2F0

RGB: rgb(228, 242, 240)
HSL: hsl(171, 35%, 92%)
Luminanz: 0,863

In the Shallows #99D8D0

RGB: rgb(153, 216, 208)
HSL: hsl(172, 45%, 72%)
Luminanz: 0,604

Burnt Orchid #70416D

RGB: rgb(112, 65, 109)
HSL: hsl(304, 27%, 35%)
Luminanz: 0,083

Crow #170A19

RGB: rgb(23, 10, 25)
HSL: hsl(292, 43%, 7%)
Luminanz: 0,005

Kontrast & Barrierefreiheit

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

Aa #E4F2F0 auf #170A19 16,69:1 AAA

Aa #99D8D0 auf #170A19 11,96:1 AAA

Aa #E4F2F0 auf #70416D 6,85:1 AA

Aa #99D8D0 auf #70416D 4,91:1 AA

Aa #70416D auf #170A19 2,44:1 Nicht bestanden

Aa #E4F2F0 auf #99D8D0 1,40:1 Nicht bestanden

Palette „In the Shallows“ mit 4 Farben