Bluberry 6

Palette mit 6 Farben · Kühl · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

Bluberry 6

Palette mit 6 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten

Gedeckt 6 Farben Kühl Dunkel Komplementär green monochrome blue cool

Likes 99

Farben 6

CSS-Variablen

:root {
  --c-muted-1: #07171F;
  --c-muted-2: #2C244E;
  --c-muted-3: #2E4B7D;
  --c-muted-4: #2C678D;
  --c-muted-5: #2E879E;
  --c-muted-6: #B9A566;
}

Über diese Palette

Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton Southern Moss (#B9A566) bis zum dunkelsten Ton Creeping Death (#07171F). Sie vereint Creeping Death, Pāua, Nautical, Drake’s Neck, Scooter und Southern Moss in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #07171F auf #B9A566 mit 7,5:1.

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

Farben im Detail

Creeping Death #07171F

RGB: rgb(7, 23, 31)
HSL: hsl(200, 63%, 7%)
Luminanz: 0,008

Pāua #2C244E

RGB: rgb(44, 36, 78)
HSL: hsl(251, 37%, 22%)
Luminanz: 0,024

Nautical #2E4B7D

RGB: rgb(46, 75, 125)
HSL: hsl(218, 46%, 34%)
Luminanz: 0,071

Drake’s Neck #2C678D

RGB: rgb(44, 103, 141)
HSL: hsl(204, 52%, 36%)
Luminanz: 0,122

Scooter #2E879E

RGB: rgb(46, 135, 158)
HSL: hsl(192, 55%, 40%)
Luminanz: 0,204

Southern Moss #B9A566

RGB: rgb(185, 165, 102)
HSL: hsl(46, 37%, 56%)
Luminanz: 0,382

Kontrast & Barrierefreiheit

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

Aa #07171F auf #B9A566 7,50:1 AAA

Aa #2C244E auf #B9A566 5,88:1 AA

Aa #07171F auf #2E879E 4,41:1 AA (großer Text)

Aa #2E4B7D auf #B9A566 3,57:1 AA (großer Text)

Aa #2C244E auf #2E879E 3,45:1 AA (großer Text)

Aa #07171F auf #2C678D 2,98:1 Nicht bestanden

Aa #2C678D auf #B9A566 2,52:1 Nicht bestanden

Aa #2C244E auf #2C678D 2,34:1 Nicht bestanden

Aa #07171F auf #2E4B7D 2,10:1 Nicht bestanden

Aa #2E4B7D auf #2E879E 2,10:1 Nicht bestanden

Aa #2E879E auf #B9A566 1,70:1 Nicht bestanden

Aa #2C244E auf #2E4B7D 1,65:1 Nicht bestanden

Aa #2C678D auf #2E879E 1,48:1 Nicht bestanden

Aa #2E4B7D auf #2C678D 1,42:1 Nicht bestanden

Aa #07171F auf #2C244E 1,28:1 Nicht bestanden

Bluberry 6

Bluberry 6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen