Startseite Farbpaletten Palette „Blue Radiance“ mit 4 Farben

Palette „Blue Radiance“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Blue Radiance“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch

Likes 3.657

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F8D5F0;
  --c-muted-2: #58D5D3;
  --c-muted-3: #41A4C3;
  --c-muted-4: #3F4B83;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Jacaranda (#F8D5F0) bis zum dunkelsten Ton Dive In (#3F4B83). Sie vereint Jacaranda, Blue Radiance, Oasis Spring und Dive In 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 #F8D5F0 auf #3F4B83 mit 6,19:1.

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

Farben im Detail

Jacaranda #F8D5F0

RGB: rgb(248, 213, 240)
HSL: hsl(314, 71%, 90%)
Luminanz: 0,738

Blue Radiance #58D5D3

RGB: rgb(88, 213, 211)
HSL: hsl(179, 60%, 59%)
Luminanz: 0,544

Oasis Spring #41A4C3

RGB: rgb(65, 164, 195)
HSL: hsl(194, 52%, 51%)
Luminanz: 0,316

Dive In #3F4B83

RGB: rgb(63, 75, 131)
HSL: hsl(229, 35%, 38%)
Luminanz: 0,077

Kontrast & Barrierefreiheit

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

Aa #F8D5F0 auf #3F4B83 6,19:1 AA

Aa #58D5D3 auf #3F4B83 4,66:1 AA

Aa #41A4C3 auf #3F4B83 2,88:1 Nicht bestanden

Aa #F8D5F0 auf #41A4C3 2,15:1 Nicht bestanden

Aa #58D5D3 auf #41A4C3 1,62:1 Nicht bestanden

Aa #F8D5F0 auf #58D5D3 1,33:1 Nicht bestanden

Palette „Blue Radiance“ mit 4 Farben