Startseite Farbpaletten Palette „Violent Violet“ mit 4 Farben

Palette „Violent Violet“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Violent Violet“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Analog

Likes 2.611

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #06CDFF;
  --c-vibrant-2: #8200FF;
  --c-vibrant-3: #470C85;
  --c-vibrant-4: #18134C;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Tropical Turquoise (#06CDFF) bis zum dunkelsten Ton Tetsu-Kon Blue (#18134C). Sie vereint Tropical Turquoise, Violent Violet, Indigo Girls und Tetsu-Kon Blue 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 #06CDFF auf #18134C mit 9,05:1.

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

Farben im Detail

Tropical Turquoise #06CDFF

RGB: rgb(6, 205, 255)
HSL: hsl(192, 100%, 51%)
Luminanz: 0,509

Violent Violet #8200FF

RGB: rgb(130, 0, 255)
HSL: hsl(271, 100%, 50%)
Luminanz: 0,120

Indigo Girls #470C85

RGB: rgb(71, 12, 133)
HSL: hsl(269, 83%, 28%)
Luminanz: 0,033

Tetsu-Kon Blue #18134C

RGB: rgb(24, 19, 76)
HSL: hsl(245, 60%, 19%)
Luminanz: 0,012

Kontrast & Barrierefreiheit

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

Aa #06CDFF auf #18134C 9,05:1 AAA

Aa #06CDFF auf #470C85 6,74:1 AA

Aa #06CDFF auf #8200FF 3,30:1 AA (großer Text)

Aa #8200FF auf #18134C 2,74:1 Nicht bestanden

Aa #8200FF auf #470C85 2,05:1 Nicht bestanden

Aa #470C85 auf #18134C 1,34:1 Nicht bestanden

Palette „Violent Violet“ mit 4 Farben