Startseite Farbpaletten Palette „Biscay Bay“ mit 4 Farben

Palette „Biscay Bay“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Biscay Bay“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Triadisch

Likes 1.513

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #0D7685;
  --c-vibrant-2: #084D68;
  --c-vibrant-3: #69C181;
  --c-vibrant-4: #CCF186;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sulu (#CCF186) bis zum dunkelsten Ton Hanada Blue (#084D68). Sie vereint Biscay Bay, Hanada Blue, Clover Mist und Sulu 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 #084D68 auf #CCF186 mit 7,26:1.

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

Farben im Detail

Biscay Bay #0D7685

RGB: rgb(13, 118, 133)
HSL: hsl(188, 82%, 29%)
Luminanz: 0,147

Hanada Blue #084D68

RGB: rgb(8, 77, 104)
HSL: hsl(197, 86%, 22%)
Luminanz: 0,064

Clover Mist #69C181

RGB: rgb(105, 193, 129)
HSL: hsl(136, 42%, 58%)
Luminanz: 0,427

Sulu #CCF186

RGB: rgb(204, 241, 134)
HSL: hsl(81, 79%, 74%)
Luminanz: 0,775

Kontrast & Barrierefreiheit

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

Aa #084D68 auf #CCF186 7,26:1 AAA

Aa #084D68 auf #69C181 4,20:1 AA (großer Text)

Aa #0D7685 auf #CCF186 4,18:1 AA (großer Text)

Aa #0D7685 auf #69C181 2,42:1 Nicht bestanden

Aa #0D7685 auf #084D68 1,74:1 Nicht bestanden

Aa #69C181 auf #CCF186 1,73:1 Nicht bestanden

Palette „Biscay Bay“ mit 4 Farben