Startseite Farbpaletten Palette „Baltic“ mit 4 Farben

Palette „Baltic“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Baltic“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Triadisch

Likes 7.830

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F3EFE0;
  --c-muted-2: #434242;
  --c-muted-3: #222222;
  --c-muted-4: #22A39F;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Bianca (#F3EFE0) bis zum dunkelsten Ton Eye Patch (#222222). Sie vereint Bianca, Black Panther, Eye Patch und Baltic in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F3EFE0 auf #222222 mit 13,81:1.

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

Farben im Detail

Bianca #F3EFE0

RGB: rgb(243, 239, 224)
HSL: hsl(47, 44%, 92%)
Luminanz: 0,862

Black Panther #434242

RGB: rgb(67, 66, 66)
HSL: hsl(0, 1%, 26%)
Luminanz: 0,055

Eye Patch #222222

RGB: rgb(34, 34, 34)
HSL: hsl(0, 0%, 13%)
Luminanz: 0,016

Baltic #22A39F

RGB: rgb(34, 163, 159)
HSL: hsl(178, 65%, 39%)
Luminanz: 0,290

Kontrast & Barrierefreiheit

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

Aa #F3EFE0 auf #222222 13,81:1 AAA

Aa #F3EFE0 auf #434242 8,70:1 AAA

Aa #222222 auf #22A39F 5,16:1 AA

Aa #434242 auf #22A39F 3,25:1 AA (großer Text)

Aa #F3EFE0 auf #22A39F 2,68:1 Nicht bestanden

Aa #434242 auf #222222 1,59:1 Nicht bestanden

Palette „Baltic“ mit 4 Farben