Startseite Farbpaletten Palette „Bright Halo“ mit 4 Farben

Palette „Bright Halo“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Split-komplementär

Zurück zur Bibliothek

Palette „Bright Halo“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Split-komplementär

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Split-komplementär

Likes 4.893

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #015668;
  --c-vibrant-2: #263F44;
  --c-vibrant-3: #FFD369;
  --c-vibrant-4: #FFF1CF;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Bird’s Child (#FFF1CF) bis zum dunkelsten Ton Atlantic Waves (#263F44). Sie vereint Plunge, Atlantic Waves, Bright Halo und Bird’s Child in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #263F44 auf #FFF1CF mit 9,98:1.

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

Farben im Detail

Plunge #015668

RGB: rgb(1, 86, 104)
HSL: hsl(190, 98%, 21%)
Luminanz: 0,077

Atlantic Waves #263F44

RGB: rgb(38, 63, 68)
HSL: hsl(190, 28%, 21%)
Luminanz: 0,044

Bright Halo #FFD369

RGB: rgb(255, 211, 105)
HSL: hsl(42, 100%, 71%)
Luminanz: 0,689

Bird’s Child #FFF1CF

RGB: rgb(255, 241, 207)
HSL: hsl(43, 100%, 91%)
Luminanz: 0,887

Kontrast & Barrierefreiheit

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

Aa #263F44 auf #FFF1CF 9,98:1 AAA

Aa #263F44 auf #FFD369 7,87:1 AAA

Aa #015668 auf #FFF1CF 7,40:1 AAA

Aa #015668 auf #FFD369 5,83:1 AA

Aa #015668 auf #263F44 1,35:1 Nicht bestanden

Aa #FFD369 auf #FFF1CF 1,27:1 Nicht bestanden

Palette „Bright Halo“ mit 4 Farben