Amazon 8

Palette mit 8 Farben · Neutral · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

Amazon 8

Palette mit 8 Farben · Temperatur: Neutral · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten

Lebendig 8 Farben Neutral Dunkel Komplementär 3bit amazon

Likes 40

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #4DC2DA;
  --c-vibrant-2: #1179AA;
  --c-vibrant-3: #0D4E7E;
  --c-vibrant-4: #06333D;
  --c-vibrant-5: #D4824A;
  --c-vibrant-6: #A92C22;
  --c-vibrant-7: #681517;
  --c-vibrant-8: #310A0B;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Bachelor Button (#4DC2DA) bis zum dunkelsten Ton 3AM Breakup (#310A0B). Sie vereint Bachelor Button, Tanzanite, Classic Blue, Artist Blue, Seraphim Sepia, Fresh Auburn, Cherrywood und 3AM Breakup in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #4DC2DA auf #310A0B mit 8,52:1.

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

Farben im Detail

Bachelor Button #4DC2DA

RGB: rgb(77, 194, 218)
HSL: hsl(190, 66%, 58%)
Luminanz: 0,452

Tanzanite #1179AA

RGB: rgb(17, 121, 170)
HSL: hsl(199, 82%, 37%)
Luminanz: 0,167

Classic Blue #0D4E7E

RGB: rgb(13, 78, 126)
HSL: hsl(205, 81%, 27%)
Luminanz: 0,070

Artist Blue #06333D

RGB: rgb(6, 51, 61)
HSL: hsl(191, 82%, 13%)
Luminanz: 0,027

Seraphim Sepia #D4824A

RGB: rgb(212, 130, 74)
HSL: hsl(24, 62%, 56%)
Luminanz: 0,305

Fresh Auburn #A92C22

RGB: rgb(169, 44, 34)
HSL: hsl(4, 67%, 40%)
Luminanz: 0,104

Cherrywood #681517

RGB: rgb(104, 21, 23)
HSL: hsl(359, 66%, 25%)
Luminanz: 0,035

3AM Breakup #310A0B

RGB: rgb(49, 10, 11)
HSL: hsl(358, 66%, 12%)
Luminanz: 0,009

Kontrast & Barrierefreiheit

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

Aa #4DC2DA auf #310A0B 8,52:1 AAA

Aa #4DC2DA auf #06333D 6,49:1 AA

Aa #D4824A auf #310A0B 6,02:1 AA

Aa #4DC2DA auf #681517 5,88:1 AA

Aa #06333D auf #D4824A 4,58:1 AA

Aa #4DC2DA auf #0D4E7E 4,17:1 AA (großer Text)

Aa #D4824A auf #681517 4,15:1 AA (großer Text)

Aa #1179AA auf #310A0B 3,68:1 AA (großer Text)

Aa #4DC2DA auf #A92C22 3,27:1 AA (großer Text)

Aa #0D4E7E auf #D4824A 2,94:1 Nicht bestanden

Aa #1179AA auf #06333D 2,80:1 Nicht bestanden

Aa #A92C22 auf #310A0B 2,60:1 Nicht bestanden

Aa #1179AA auf #681517 2,54:1 Nicht bestanden

Aa #4DC2DA auf #1179AA 2,31:1 Nicht bestanden

Aa #D4824A auf #A92C22 2,31:1 Nicht bestanden

Aa #0D4E7E auf #310A0B 2,04:1 Nicht bestanden

Aa #06333D auf #A92C22 1,98:1 Nicht bestanden

Aa #1179AA auf #0D4E7E 1,80:1 Nicht bestanden

Aa #A92C22 auf #681517 1,80:1 Nicht bestanden

Aa #1179AA auf #D4824A 1,63:1 Nicht bestanden

Aa #0D4E7E auf #06333D 1,55:1 Nicht bestanden

Aa #681517 auf #310A0B 1,45:1 Nicht bestanden

Aa #4DC2DA auf #D4824A 1,42:1 Nicht bestanden

Aa #1179AA auf #A92C22 1,41:1 Nicht bestanden

Aa #0D4E7E auf #681517 1,41:1 Nicht bestanden

Aa #06333D auf #310A0B 1,31:1 Nicht bestanden

Aa #0D4E7E auf #A92C22 1,27:1 Nicht bestanden

Aa #06333D auf #681517 1,10:1 Nicht bestanden

Amazon 8

Amazon 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen