Startseite Farbpaletten Palette „Macaw“ mit 4 Farben

Palette „Macaw“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Macaw“ 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 7.378

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #120136;
  --c-vibrant-2: #035AA6;
  --c-vibrant-3: #40BAD5;
  --c-vibrant-4: #FCBF1E;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Macaw (#FCBF1E) bis zum dunkelsten Ton Black Htun (#120136). Sie vereint Black Htun, Raiden Blue, Lake Thun und Macaw 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 #120136 auf #FCBF1E mit 11,64:1.

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

Farben im Detail

Black Htun #120136

RGB: rgb(18, 1, 54)
HSL: hsl(259, 96%, 11%)
Luminanz: 0,004

Raiden Blue #035AA6

RGB: rgb(3, 90, 166)
HSL: hsl(208, 96%, 33%)
Luminanz: 0,101

Lake Thun #40BAD5

RGB: rgb(64, 186, 213)
HSL: hsl(191, 64%, 54%)
Luminanz: 0,410

Macaw #FCBF1E

RGB: rgb(252, 191, 30)
HSL: hsl(44, 97%, 55%)
Luminanz: 0,581

Kontrast & Barrierefreiheit

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

Aa #120136 auf #FCBF1E 11,64:1 AAA

Aa #120136 auf #40BAD5 8,49:1 AAA

Aa #035AA6 auf #FCBF1E 4,18:1 AA (großer Text)

Aa #035AA6 auf #40BAD5 3,05:1 AA (großer Text)

Aa #120136 auf #035AA6 2,78:1 Nicht bestanden

Aa #40BAD5 auf #FCBF1E 1,37:1 Nicht bestanden

Palette „Macaw“ mit 4 Farben