Salmon Snap

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Split-komplementär

Zurück zur Bibliothek

Salmon Snap

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Split-komplementär

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Split-komplementär 4 red 2bit contrast

Likes 9

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #0A050F;
  --c-muted-2: #2A2C31;
  --c-muted-3: #CC4F43;
  --c-muted-4: #EDF0F9;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Airport (#EDF0F9) bis zum dunkelsten Ton Broken Tube (#0A050F). Sie vereint Broken Tube, Caviar, Terra Cotta Red und Airport 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 #0A050F auf #EDF0F9 mit 17,7:1.

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

Farben im Detail

Broken Tube #0A050F

RGB: rgb(10, 5, 15)
HSL: hsl(270, 50%, 4%)
Luminanz: 0,002

Caviar #2A2C31

RGB: rgb(42, 44, 49)
HSL: hsl(223, 8%, 18%)
Luminanz: 0,025

Terra Cotta Red #CC4F43

RGB: rgb(204, 79, 67)
HSL: hsl(5, 57%, 53%)
Luminanz: 0,188

Airport #EDF0F9

RGB: rgb(237, 240, 249)
HSL: hsl(225, 50%, 95%)
Luminanz: 0,872

Kontrast & Barrierefreiheit

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

Aa #0A050F auf #EDF0F9 17,70:1 AAA

Aa #2A2C31 auf #EDF0F9 12,26:1 AAA

Aa #0A050F auf #CC4F43 4,58:1 AA

Aa #CC4F43 auf #EDF0F9 3,87:1 AA (großer Text)

Aa #2A2C31 auf #CC4F43 3,17:1 AA (großer Text)

Aa #0A050F auf #2A2C31 1,44:1 Nicht bestanden

Salmon Snap

Salmon Snap

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen