Startseite Farbpaletten Palette „Blue Radiance“ mit 4 Farben

Palette „Blue Radiance“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Blue Radiance“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 5.287

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #52D3D8;
  --c-muted-2: #3887BE;
  --c-muted-3: #38419D;
  --c-muted-4: #200E3A;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Blue Radiance (#52D3D8) bis zum dunkelsten Ton Middle Red Purple (#200E3A). Sie vereint Blue Radiance, Pat-A-Pep, Galaxy Express und Middle Red Purple 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 #52D3D8 auf #200E3A mit 9,84:1.

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

Farben im Detail

Blue Radiance #52D3D8

RGB: rgb(82, 211, 216)
HSL: hsl(182, 63%, 58%)
Luminanz: 0,533

Pat-A-Pep #3887BE

RGB: rgb(56, 135, 190)
HSL: hsl(205, 54%, 48%)
Luminanz: 0,219

Galaxy Express #38419D

RGB: rgb(56, 65, 157)
HSL: hsl(235, 47%, 42%)
Luminanz: 0,071

Middle Red Purple #200E3A

RGB: rgb(32, 14, 58)
HSL: hsl(265, 61%, 14%)
Luminanz: 0,009

Kontrast & Barrierefreiheit

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

Aa #52D3D8 auf #200E3A 9,84:1 AAA

Aa #52D3D8 auf #38419D 4,84:1 AA

Aa #3887BE auf #200E3A 4,54:1 AA

Aa #3887BE auf #38419D 2,23:1 Nicht bestanden

Aa #52D3D8 auf #3887BE 2,17:1 Nicht bestanden

Aa #38419D auf #200E3A 2,03:1 Nicht bestanden

Palette „Blue Radiance“ mit 4 Farben