Startseite Farbpaletten Palette „Roller Derby“ mit 4 Farben

Palette „Roller Derby“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Roller Derby“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 2.535

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #90F6D7;
  --c-muted-2: #35BCBF;
  --c-muted-3: #41506B;
  --c-muted-4: #263849;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Roller Derby (#90F6D7) bis zum dunkelsten Ton In the Navy (#263849). Sie vereint Roller Derby, Maximum Blue Green, Blackberry Cobbler und In the Navy 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 #90F6D7 auf #263849 mit 9,37:1.

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

Farben im Detail

Roller Derby #90F6D7

RGB: rgb(144, 246, 215)
HSL: hsl(162, 85%, 76%)
Luminanz: 0,768

Maximum Blue Green #35BCBF

RGB: rgb(53, 188, 191)
HSL: hsl(181, 57%, 48%)
Luminanz: 0,405

Blackberry Cobbler #41506B

RGB: rgb(65, 80, 107)
HSL: hsl(219, 24%, 34%)
Luminanz: 0,079

In the Navy #263849

RGB: rgb(38, 56, 73)
HSL: hsl(209, 32%, 22%)
Luminanz: 0,037

Kontrast & Barrierefreiheit

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

Aa #90F6D7 auf #263849 9,37:1 AAA

Aa #90F6D7 auf #41506B 6,33:1 AA

Aa #35BCBF auf #263849 5,22:1 AA

Aa #35BCBF auf #41506B 3,52:1 AA (großer Text)

Aa #90F6D7 auf #35BCBF 1,80:1 Nicht bestanden

Aa #41506B auf #263849 1,48:1 Nicht bestanden

Palette „Roller Derby“ mit 4 Farben