Startseite Farbpaletten Palette „Dark Violet“ mit 4 Farben

Palette „Dark Violet“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Dark Violet“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Triadisch

Likes 3.837

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #D2FAFB;
  --c-vibrant-2: #51DACF;
  --c-vibrant-3: #41AAA8;
  --c-vibrant-4: #2C003E;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Pale Blue (#D2FAFB) bis zum dunkelsten Ton Dark Violet (#2C003E). Sie vereint Pale Blue, Jazzy Jade, Tidal Teal und Dark Violet 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 #D2FAFB auf #2C003E mit 15,98:1.

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

Farben im Detail

Pale Blue #D2FAFB

RGB: rgb(210, 250, 251)
HSL: hsl(181, 84%, 90%)
Luminanz: 0,890

Jazzy Jade #51DACF

RGB: rgb(81, 218, 207)
HSL: hsl(175, 65%, 59%)
Luminanz: 0,564

Tidal Teal #41AAA8

RGB: rgb(65, 170, 168)
HSL: hsl(179, 45%, 46%)
Luminanz: 0,327

Dark Violet #2C003E

RGB: rgb(44, 0, 62)
HSL: hsl(283, 100%, 12%)
Luminanz: 0,009

Kontrast & Barrierefreiheit

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

Aa #D2FAFB auf #2C003E 15,98:1 AAA

Aa #51DACF auf #2C003E 10,44:1 AAA

Aa #41AAA8 auf #2C003E 6,41:1 AA

Aa #D2FAFB auf #41AAA8 2,49:1 Nicht bestanden

Aa #51DACF auf #41AAA8 1,63:1 Nicht bestanden

Aa #D2FAFB auf #51DACF 1,53:1 Nicht bestanden

Palette „Dark Violet“ mit 4 Farben