Startseite Farbpaletten Palette „Testosterose“ mit 4 Farben

Palette „Testosterose“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Testosterose“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Analog

Likes 4.262

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #241E92;
  --c-vibrant-2: #5432D3;
  --c-vibrant-3: #7B6CF6;
  --c-vibrant-4: #E5A5FF;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Testosterose (#E5A5FF) bis zum dunkelsten Ton Gentian Blue (#241E92). Sie vereint Gentian Blue, Grape Hyacinth, Medium Slate Blue und Testosterose in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #241E92 auf #E5A5FF mit 6,66:1.

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

Farben im Detail

Gentian Blue #241E92

RGB: rgb(36, 30, 146)
HSL: hsl(243, 66%, 35%)
Luminanz: 0,034

Grape Hyacinth #5432D3

RGB: rgb(84, 50, 211)
HSL: hsl(253, 65%, 51%)
Luminanz: 0,089

Medium Slate Blue #7B6CF6

RGB: rgb(123, 108, 246)
HSL: hsl(247, 88%, 69%)
Luminanz: 0,216

Testosterose #E5A5FF

RGB: rgb(229, 165, 255)
HSL: hsl(283, 100%, 82%)
Luminanz: 0,508

Kontrast & Barrierefreiheit

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

Aa #241E92 auf #E5A5FF 6,66:1 AA

Aa #5432D3 auf #E5A5FF 4,02:1 AA (großer Text)

Aa #241E92 auf #7B6CF6 3,17:1 AA (großer Text)

Aa #7B6CF6 auf #E5A5FF 2,10:1 Nicht bestanden

Aa #5432D3 auf #7B6CF6 1,92:1 Nicht bestanden

Aa #241E92 auf #5432D3 1,66:1 Nicht bestanden

Palette „Testosterose“ mit 4 Farben