Startseite Farbpaletten Palette „Sapphire Splendour“ mit 4 Farben

Palette „Sapphire Splendour“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Sapphire Splendour“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Triadisch

Likes 3.346

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FBE4D6;
  --c-vibrant-2: #261FB3;
  --c-vibrant-3: #161179;
  --c-vibrant-4: #0C0950;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Shell Ginger (#FBE4D6) bis zum dunkelsten Ton Silent Twilight (#0C0950). Sie vereint Shell Ginger, Sapphire Splendour, Outer Rim und Silent Twilight 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 #FBE4D6 auf #0C0950 mit 14,67:1.

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

Farben im Detail

Shell Ginger #FBE4D6

RGB: rgb(251, 228, 214)
HSL: hsl(23, 82%, 91%)
Luminanz: 0,809

Sapphire Splendour #261FB3

RGB: rgb(38, 31, 179)
HSL: hsl(243, 70%, 41%)
Luminanz: 0,047

Outer Rim #161179

RGB: rgb(22, 17, 121)
HSL: hsl(243, 75%, 27%)
Luminanz: 0,020

Silent Twilight #0C0950

RGB: rgb(12, 9, 80)
HSL: hsl(243, 80%, 17%)
Luminanz: 0,009

Kontrast & Barrierefreiheit

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

Aa #FBE4D6 auf #0C0950 14,67:1 AAA

Aa #FBE4D6 auf #161179 12,35:1 AAA

Aa #FBE4D6 auf #261FB3 8,90:1 AAA

Aa #261FB3 auf #0C0950 1,65:1 Nicht bestanden

Aa #261FB3 auf #161179 1,39:1 Nicht bestanden

Aa #161179 auf #0C0950 1,19:1 Nicht bestanden

Palette „Sapphire Splendour“ mit 4 Farben