Startseite Farbpaletten Radioactive Ice Cream

Radioactive Ice Cream

Palette mit 5 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Radioactive Ice Cream

Palette mit 5 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 5 Farben Kühl Gemischt Komplementär acid

Likes 31

Farben 5

CSS-Variablen

:root {
  --c-muted-1: #353544;
  --c-muted-2: #6A6EB2;
  --c-muted-3: #F76CA0;
  --c-muted-4: #99D6D5;
  --c-muted-5: #F6FF95;
}

Über diese Palette

Diese gedeckte Palette mit 5 Farben reicht vom hellsten Ton Pastel Yellow (#F6FF95) bis zum dunkelsten Ton Pauper (#353544). Sie vereint Pauper, Mediaeval, French Pink, Dulcet und Pastel Yellow in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 10. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #353544 auf #F6FF95 mit 11,27:1.

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

Farben im Detail

Pauper #353544

RGB: rgb(53, 53, 68)
HSL: hsl(240, 12%, 24%)
Luminanz: 0,037

Mediaeval #6A6EB2

RGB: rgb(106, 110, 178)
HSL: hsl(237, 32%, 56%)
Luminanz: 0,174

French Pink #F76CA0

RGB: rgb(247, 108, 160)
HSL: hsl(338, 90%, 70%)
Luminanz: 0,330

Dulcet #99D6D5

RGB: rgb(153, 214, 213)
HSL: hsl(179, 43%, 72%)
Luminanz: 0,597

Pastel Yellow #F6FF95

RGB: rgb(246, 255, 149)
HSL: hsl(65, 100%, 79%)
Luminanz: 0,933

Kontrast & Barrierefreiheit

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

Aa #353544 auf #F6FF95 11,27:1 AAA

Aa #353544 auf #99D6D5 7,42:1 AAA

Aa #6A6EB2 auf #F6FF95 4,38:1 AA (großer Text)

Aa #353544 auf #F76CA0 4,36:1 AA (großer Text)

Aa #6A6EB2 auf #99D6D5 2,88:1 Nicht bestanden

Aa #F76CA0 auf #F6FF95 2,58:1 Nicht bestanden

Aa #353544 auf #6A6EB2 2,57:1 Nicht bestanden

Aa #6A6EB2 auf #F76CA0 1,70:1 Nicht bestanden

Aa #F76CA0 auf #99D6D5 1,70:1 Nicht bestanden

Aa #99D6D5 auf #F6FF95 1,52:1 Nicht bestanden

Radioactive Ice Cream