Startseite Farbpaletten Palette „Billabong“ mit 4 Farben

Palette „Billabong“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Billabong“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 12.334

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #D8E3E7;
  --c-muted-2: #51C4D3;
  --c-muted-3: #126E82;
  --c-muted-4: #132C33;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Inuit Blue (#D8E3E7) bis zum dunkelsten Ton Black Chasm (#132C33). Sie vereint Inuit Blue, Sea Serpent, Billabong und Black Chasm 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 #D8E3E7 auf #132C33 mit 11,19:1.

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

Farben im Detail

Inuit Blue #D8E3E7

RGB: rgb(216, 227, 231)
HSL: hsl(196, 24%, 88%)
Luminanz: 0,753

Sea Serpent #51C4D3

RGB: rgb(81, 196, 211)
HSL: hsl(187, 60%, 57%)
Luminanz: 0,459

Billabong #126E82

RGB: rgb(18, 110, 130)
HSL: hsl(191, 76%, 29%)
Luminanz: 0,129

Black Chasm #132C33

RGB: rgb(19, 44, 51)
HSL: hsl(193, 46%, 14%)
Luminanz: 0,022

Kontrast & Barrierefreiheit

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

Aa #D8E3E7 auf #132C33 11,19:1 AAA

Aa #51C4D3 auf #132C33 7,09:1 AAA

Aa #D8E3E7 auf #126E82 4,49:1 AA (großer Text)

Aa #51C4D3 auf #126E82 2,85:1 Nicht bestanden

Aa #126E82 auf #132C33 2,49:1 Nicht bestanden

Aa #D8E3E7 auf #51C4D3 1,58:1 Nicht bestanden

Palette „Billabong“ mit 4 Farben