Startseite Farbpaletten Palette „Temptatious Tangerine“ mit 4 Farben

Palette „Temptatious Tangerine“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Temptatious Tangerine“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär

Likes 4.625

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FE7A36;
  --c-vibrant-2: #3652AD;
  --c-vibrant-3: #280274;
  --c-vibrant-4: #E9F6FF;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Clear Skies (#E9F6FF) bis zum dunkelsten Ton Child of the Night (#280274). Sie vereint Temptatious Tangerine, Blasphemous Blue, Child of the Night und Clear Skies 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 #280274 auf #E9F6FF mit 14,13:1.

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

Farben im Detail

Temptatious Tangerine #FE7A36

RGB: rgb(254, 122, 54)
HSL: hsl(20, 99%, 60%)
Luminanz: 0,353

Blasphemous Blue #3652AD

RGB: rgb(54, 82, 173)
HSL: hsl(226, 52%, 45%)
Luminanz: 0,098

Child of the Night #280274

RGB: rgb(40, 2, 116)
HSL: hsl(260, 97%, 23%)
Luminanz: 0,018

Clear Skies #E9F6FF

RGB: rgb(233, 246, 255)
HSL: hsl(205, 100%, 96%)
Luminanz: 0,905

Kontrast & Barrierefreiheit

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

Aa #280274 auf #E9F6FF 14,13:1 AAA

Aa #3652AD auf #E9F6FF 6,43:1 AA

Aa #FE7A36 auf #280274 5,96:1 AA

Aa #FE7A36 auf #3652AD 2,71:1 Nicht bestanden

Aa #FE7A36 auf #E9F6FF 2,37:1 Nicht bestanden

Aa #3652AD auf #280274 2,20:1 Nicht bestanden

Palette „Temptatious Tangerine“ mit 4 Farben