Startseite Farbpaletten Palette „Pinkish Red“ mit 4 Farben

Palette „Pinkish Red“ mit 4 Farben

Palette mit 4 Farben · Kühl · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Pinkish Red“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Dunkel Komplementär

Likes 3.993

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #04879C;
  --c-muted-2: #0C3C78;
  --c-muted-3: #090030;
  --c-muted-4: #F30A49;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Marker Blue (#04879C) bis zum dunkelsten Ton Erebus Blue (#090030). Sie vereint Marker Blue, Azure Dragon, Erebus Blue und Pinkish Red 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 #04879C auf #090030 mit 4,7:1.

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

Farben im Detail

Marker Blue #04879C

RGB: rgb(4, 135, 156)
HSL: hsl(188, 95%, 31%)
Luminanz: 0,198

Azure Dragon #0C3C78

RGB: rgb(12, 60, 120)
HSL: hsl(213, 82%, 26%)
Luminanz: 0,047

Erebus Blue #090030

RGB: rgb(9, 0, 48)
HSL: hsl(251, 100%, 9%)
Luminanz: 0,003

Pinkish Red #F30A49

RGB: rgb(243, 10, 73)
HSL: hsl(344, 92%, 50%)
Luminanz: 0,198

Kontrast & Barrierefreiheit

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

Aa #04879C auf #090030 4,70:1 AA

Aa #090030 auf #F30A49 4,70:1 AA

Aa #04879C auf #0C3C78 2,56:1 Nicht bestanden

Aa #0C3C78 auf #F30A49 2,56:1 Nicht bestanden

Aa #0C3C78 auf #090030 1,83:1 Nicht bestanden

Aa #04879C auf #F30A49 1,00:1 Nicht bestanden

Palette „Pinkish Red“ mit 4 Farben