BloodMoon21

Palette mit 9 Farben · Warm · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

BloodMoon21

Palette mit 9 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Analog

Bearbeiten

Gedeckt 9 Farben Warm Dunkel Analog dark red purple moon

Likes 574

Farben 9

CSS-Variablen

:root {
  --c-muted-1: #130310;
  --c-muted-2: #1D0518;
  --c-muted-3: #270721;
  --c-muted-4: #3C0921;
  --c-muted-5: #520B20;
  --c-muted-6: #7D0F1F;
  --c-muted-7: #A8141D;
  --c-muted-8: #D3181C;
  --c-muted-9: #FF252B;
}

Über diese Palette

Diese gedeckte Palette mit 9 Farben reicht vom hellsten Ton In the Red (#FF252B) bis zum dunkelsten Ton Glossy Black (#130310). Sie vereint Glossy Black, Crow, Meški Black, Blaze It Dark Magenta, Maroon Oak, Heavy Heart, Ecstatic Red, Heroic Red und In the Red in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #130310 auf #FF252B mit 5,3:1.

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

Farben im Detail

Glossy Black #130310

RGB: rgb(19, 3, 16)
HSL: hsl(311, 73%, 4%)
Luminanz: 0,002

Crow #1D0518

RGB: rgb(29, 5, 24)
HSL: hsl(313, 71%, 7%)
Luminanz: 0,004

Meški Black #270721

RGB: rgb(39, 7, 33)
HSL: hsl(311, 70%, 9%)
Luminanz: 0,007

Blaze It Dark Magenta #3C0921

RGB: rgb(60, 9, 33)
HSL: hsl(332, 74%, 14%)
Luminanz: 0,013

Maroon Oak #520B20

RGB: rgb(82, 11, 32)
HSL: hsl(342, 76%, 18%)
Luminanz: 0,021

Heavy Heart #7D0F1F

RGB: rgb(125, 15, 31)
HSL: hsl(351, 79%, 27%)
Luminanz: 0,048

Ecstatic Red #A8141D

RGB: rgb(168, 20, 29)
HSL: hsl(356, 79%, 37%)
Luminanz: 0,089

Heroic Red #D3181C

RGB: rgb(211, 24, 28)
HSL: hsl(359, 80%, 46%)
Luminanz: 0,146

In the Red #FF252B

RGB: rgb(255, 37, 43)
HSL: hsl(358, 100%, 57%)
Luminanz: 0,228

Kontrast & Barrierefreiheit

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

Aa #130310 auf #FF252B 5,30:1 AA

Aa #1D0518 auf #FF252B 5,11:1 AA

Aa #270721 auf #FF252B 4,88:1 AA

Aa #3C0921 auf #FF252B 4,43:1 AA (großer Text)

Aa #520B20 auf #FF252B 3,89:1 AA (großer Text)

Aa #130310 auf #D3181C 3,74:1 AA (großer Text)

Aa #1D0518 auf #D3181C 3,60:1 AA (großer Text)

Aa #270721 auf #D3181C 3,44:1 AA (großer Text)

Aa #3C0921 auf #D3181C 3,13:1 AA (großer Text)

Aa #7D0F1F auf #FF252B 2,83:1 Nicht bestanden

Aa #520B20 auf #D3181C 2,74:1 Nicht bestanden

Aa #130310 auf #A8141D 2,65:1 Nicht bestanden

Aa #1D0518 auf #A8141D 2,56:1 Nicht bestanden

Aa #270721 auf #A8141D 2,44:1 Nicht bestanden

Aa #3C0921 auf #A8141D 2,22:1 Nicht bestanden

Aa #7D0F1F auf #D3181C 2,00:1 Nicht bestanden

Aa #A8141D auf #FF252B 1,99:1 Nicht bestanden

Aa #520B20 auf #A8141D 1,95:1 Nicht bestanden

Aa #130310 auf #7D0F1F 1,87:1 Nicht bestanden

Aa #1D0518 auf #7D0F1F 1,80:1 Nicht bestanden

Aa #270721 auf #7D0F1F 1,72:1 Nicht bestanden

Aa #3C0921 auf #7D0F1F 1,56:1 Nicht bestanden

Aa #7D0F1F auf #A8141D 1,42:1 Nicht bestanden

Aa #D3181C auf #FF252B 1,42:1 Nicht bestanden

Aa #A8141D auf #D3181C 1,41:1 Nicht bestanden

Aa #520B20 auf #7D0F1F 1,37:1 Nicht bestanden

Aa #130310 auf #520B20 1,36:1 Nicht bestanden

Aa #1D0518 auf #520B20 1,31:1 Nicht bestanden

Aa #270721 auf #520B20 1,25:1 Nicht bestanden

Aa #130310 auf #3C0921 1,20:1 Nicht bestanden

Aa #1D0518 auf #3C0921 1,15:1 Nicht bestanden

Aa #3C0921 auf #520B20 1,14:1 Nicht bestanden

Aa #270721 auf #3C0921 1,10:1 Nicht bestanden

Aa #130310 auf #270721 1,09:1 Nicht bestanden

Aa #1D0518 auf #270721 1,05:1 Nicht bestanden

Aa #130310 auf #1D0518 1,04:1 Nicht bestanden

BloodMoon21

BloodMoon21

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen