Startseite Farbpaletten Palette „Buccaneer Blue“ mit 4 Farben

Palette „Buccaneer Blue“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Analog

Zurück zur Bibliothek

Palette „Buccaneer Blue“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Analog

Bearbeiten

Gedeckt 4 Farben Kühl Hell Analog

Likes 3.026

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #07588A;
  --c-muted-2: #6AC1B8;
  --c-muted-3: #BFE9DB;
  --c-muted-4: #E1F6F4;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Frosty Mint (#E1F6F4) bis zum dunkelsten Ton Buccaneer Blue (#07588A). Sie vereint Buccaneer Blue, Tropic Tide, Elephant Toothpaste und Frosty Mint 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 #07588A auf #E1F6F4 mit 6,74:1.

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

Farben im Detail

Buccaneer Blue #07588A

RGB: rgb(7, 88, 138)
HSL: hsl(203, 90%, 28%)
Luminanz: 0,089

Tropic Tide #6AC1B8

RGB: rgb(106, 193, 184)
HSL: hsl(174, 41%, 59%)
Luminanz: 0,447

Elephant Toothpaste #BFE9DB

RGB: rgb(191, 233, 219)
HSL: hsl(160, 49%, 83%)
Luminanz: 0,745

Frosty Mint #E1F6F4

RGB: rgb(225, 246, 244)
HSL: hsl(174, 54%, 92%)
Luminanz: 0,885

Kontrast & Barrierefreiheit

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

Aa #07588A auf #E1F6F4 6,74:1 AA

Aa #07588A auf #BFE9DB 5,73:1 AA

Aa #07588A auf #6AC1B8 3,58:1 AA (großer Text)

Aa #6AC1B8 auf #E1F6F4 1,88:1 Nicht bestanden

Aa #6AC1B8 auf #BFE9DB 1,60:1 Nicht bestanden

Aa #BFE9DB auf #E1F6F4 1,18:1 Nicht bestanden

Palette „Buccaneer Blue“ mit 4 Farben