Startseite Farbpaletten Palette „Iron Teal“ mit 4 Farben

Palette „Iron Teal“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Iron Teal“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 8.071

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #E4EDDB;
  --c-muted-2: #307672;
  --c-muted-3: #144D53;
  --c-muted-4: #1A3C40;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Minified Mint (#E4EDDB) bis zum dunkelsten Ton Royal Neptune (#1A3C40). Sie vereint Minified Mint, Myrtle Green, Iron Teal und Royal Neptune 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 #E4EDDB auf #1A3C40 mit 9,88:1.

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

Farben im Detail

Minified Mint #E4EDDB

RGB: rgb(228, 237, 219)
HSL: hsl(90, 33%, 89%)
Luminanz: 0,822

Myrtle Green #307672

RGB: rgb(48, 118, 114)
HSL: hsl(177, 42%, 33%)
Luminanz: 0,148

Iron Teal #144D53

RGB: rgb(20, 77, 83)
HSL: hsl(186, 61%, 20%)
Luminanz: 0,061

Royal Neptune #1A3C40

RGB: rgb(26, 60, 64)
HSL: hsl(186, 42%, 18%)
Luminanz: 0,038

Kontrast & Barrierefreiheit

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

Aa #E4EDDB auf #1A3C40 9,88:1 AAA

Aa #E4EDDB auf #144D53 7,87:1 AAA

Aa #E4EDDB auf #307672 4,40:1 AA (großer Text)

Aa #307672 auf #1A3C40 2,24:1 Nicht bestanden

Aa #307672 auf #144D53 1,79:1 Nicht bestanden

Aa #144D53 auf #1A3C40 1,26:1 Nicht bestanden

Palette „Iron Teal“ mit 4 Farben