Startseite Farbpaletten Palette „Black Soap“ mit 4 Farben

Palette „Black Soap“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Black Soap“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 10.302

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #16423C;
  --c-muted-2: #6A9C89;
  --c-muted-3: #C4DAD2;
  --c-muted-4: #E9EFEC;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton White Bass (#E9EFEC) bis zum dunkelsten Ton Black Soap (#16423C). Sie vereint Black Soap, Cyprus Green, Cool Mint und White Bass 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 #16423C auf #E9EFEC mit 9,59:1.

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

Farben im Detail

Black Soap #16423C

RGB: rgb(22, 66, 60)
HSL: hsl(172, 50%, 17%)
Luminanz: 0,044

Cyprus Green #6A9C89

RGB: rgb(106, 156, 137)
HSL: hsl(157, 20%, 51%)
Luminanz: 0,287

Cool Mint #C4DAD2

RGB: rgb(196, 218, 210)
HSL: hsl(158, 23%, 81%)
Luminanz: 0,665

White Bass #E9EFEC

RGB: rgb(233, 239, 236)
HSL: hsl(150, 16%, 93%)
Luminanz: 0,851

Kontrast & Barrierefreiheit

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

Aa #16423C auf #E9EFEC 9,59:1 AAA

Aa #16423C auf #C4DAD2 7,62:1 AAA

Aa #16423C auf #6A9C89 3,58:1 AA (großer Text)

Aa #6A9C89 auf #E9EFEC 2,68:1 Nicht bestanden

Aa #6A9C89 auf #C4DAD2 2,13:1 Nicht bestanden

Aa #C4DAD2 auf #E9EFEC 1,26:1 Nicht bestanden

Palette „Black Soap“ mit 4 Farben