Startseite Farbpaletten Palette „Glow in the Dark“ mit 4 Farben

Palette „Glow in the Dark“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Glow in the Dark“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 1.260

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #477D7F;
  --c-muted-2: #1F5357;
  --c-muted-3: #64BD97;
  --c-muted-4: #C2FFBB;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Glow in the Dark (#C2FFBB) bis zum dunkelsten Ton Hidden Waters (#1F5357). Sie vereint Submerged, Hidden Waters, Katydid und Glow in the Dark in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1F5357 auf #C2FFBB mit 7,53:1.

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

Farben im Detail

Submerged #477D7F

RGB: rgb(71, 125, 127)
HSL: hsl(182, 28%, 39%)
Luminanz: 0,175

Hidden Waters #1F5357

RGB: rgb(31, 83, 87)
HSL: hsl(184, 47%, 23%)
Luminanz: 0,072

Katydid #64BD97

RGB: rgb(100, 189, 151)
HSL: hsl(154, 40%, 57%)
Luminanz: 0,413

Glow in the Dark #C2FFBB

RGB: rgb(194, 255, 187)
HSL: hsl(114, 100%, 87%)
Luminanz: 0,866

Kontrast & Barrierefreiheit

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

Aa #1F5357 auf #C2FFBB 7,53:1 AAA

Aa #477D7F auf #C2FFBB 4,06:1 AA (großer Text)

Aa #1F5357 auf #64BD97 3,81:1 AA (großer Text)

Aa #477D7F auf #64BD97 2,06:1 Nicht bestanden

Aa #64BD97 auf #C2FFBB 1,98:1 Nicht bestanden

Aa #477D7F auf #1F5357 1,85:1 Nicht bestanden

Palette „Glow in the Dark“ mit 4 Farben