Keeby

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

Zurück zur Bibliothek

Keeby

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Monochrom green 2bit 4 colors 4 colours

Likes 65

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #C5CCB8;
  --c-muted-2: #899B98;
  --c-muted-3: #5D6872;
  --c-muted-4: #333343;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Celadon Tint (#C5CCB8) bis zum dunkelsten Ton Shuriken (#333343). Sie vereint Celadon Tint, Café Blue, British Shorthair und Shuriken 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 #C5CCB8 auf #333343 mit 7,49:1.

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

Farben im Detail

Celadon Tint #C5CCB8

RGB: rgb(197, 204, 184)
HSL: hsl(81, 16%, 76%)
Luminanz: 0,585

Café Blue #899B98

RGB: rgb(137, 155, 152)
HSL: hsl(170, 8%, 57%)
Luminanz: 0,310

British Shorthair #5D6872

RGB: rgb(93, 104, 114)
HSL: hsl(209, 10%, 41%)
Luminanz: 0,134

Shuriken #333343

RGB: rgb(51, 51, 67)
HSL: hsl(240, 14%, 23%)
Luminanz: 0,035

Kontrast & Barrierefreiheit

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

Aa #C5CCB8 auf #333343 7,49:1 AAA

Aa #899B98 auf #333343 4,25:1 AA (großer Text)

Aa #C5CCB8 auf #5D6872 3,44:1 AA (großer Text)

Aa #5D6872 auf #333343 2,18:1 Nicht bestanden

Aa #899B98 auf #5D6872 1,95:1 Nicht bestanden

Aa #C5CCB8 auf #899B98 1,76:1 Nicht bestanden

Keeby

Keeby

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen