Startseite Farbpaletten Dracula Standard

Dracula Standard

Palette mit 11 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Dracula Standard

Palette mit 11 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 11 Farben Warm Gemischt Komplementär neon hardware dracula code

Likes 19

Farben 11

CSS-Variablen

:root {
  --c-earthy-1: #282A36;
  --c-earthy-2: #44475A;
  --c-earthy-3: #6272A4;
  --c-earthy-4: #F8F8F2;
  --c-earthy-5: #FF5555;
  --c-earthy-6: #FFB86C;
  --c-earthy-7: #F1FA8C;
  --c-earthy-8: #50FA7B;
  --c-earthy-9: #8BE9FD;
  --c-earthy-10: #BD93F9;
  --c-earthy-11: #FF79C6;
}

Über diese Palette

Diese erdige Palette mit 11 Farben reicht vom hellsten Ton Pure White (#F8F8F2) bis zum dunkelsten Ton Mangu Black (#282A36). Sie vereint Mangu Black, Pit Stop, Dormitory, Pure White, Fluorescent Red, Desert Dessert, Tidal, Experimintal Green, Photon Projector, Liliac und Pink Plastic Fantastic in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #282A36 auf #F8F8F2 mit 13,36:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Mangu Black #282A36

RGB: rgb(40, 42, 54)
HSL: hsl(231, 15%, 18%)
Luminanz: 0,024

Pit Stop #44475A

RGB: rgb(68, 71, 90)
HSL: hsl(232, 14%, 31%)
Luminanz: 0,065

Dormitory #6272A4

RGB: rgb(98, 114, 164)
HSL: hsl(225, 27%, 51%)
Luminanz: 0,173

Pure White #F8F8F2

RGB: rgb(248, 248, 242)
HSL: hsl(60, 30%, 96%)
Luminanz: 0,935

Fluorescent Red #FF5555

RGB: rgb(255, 85, 85)
HSL: hsl(0, 100%, 67%)
Luminanz: 0,284

Desert Dessert #FFB86C

RGB: rgb(255, 184, 108)
HSL: hsl(31, 100%, 71%)
Luminanz: 0,566

Tidal #F1FA8C

RGB: rgb(241, 250, 140)
HSL: hsl(65, 92%, 76%)
Luminanz: 0,890

Experimintal Green #50FA7B

RGB: rgb(80, 250, 123)
HSL: hsl(135, 94%, 65%)
Luminanz: 0,715

Photon Projector #8BE9FD

RGB: rgb(139, 233, 253)
HSL: hsl(191, 97%, 77%)
Luminanz: 0,709

Liliac #BD93F9

RGB: rgb(189, 147, 249)
HSL: hsl(265, 89%, 78%)
Luminanz: 0,385

Pink Plastic Fantastic #FF79C6

RGB: rgb(255, 121, 198)
HSL: hsl(326, 100%, 74%)
Luminanz: 0,390

Kontrast & Barrierefreiheit

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

Aa #282A36 auf #F8F8F2 13,36:1 AAA

Aa #282A36 auf #F1FA8C 12,74:1 AAA

Aa #282A36 auf #50FA7B 10,38:1 AAA

Aa #282A36 auf #8BE9FD 10,29:1 AAA

Aa #44475A auf #F8F8F2 8,59:1 AAA

Aa #282A36 auf #FFB86C 8,36:1 AAA

Aa #44475A auf #F1FA8C 8,19:1 AAA

Aa #44475A auf #50FA7B 6,67:1 AA

Aa #44475A auf #8BE9FD 6,61:1 AA

Aa #282A36 auf #FF79C6 5,97:1 AA

Aa #282A36 auf #BD93F9 5,90:1 AA

Aa #44475A auf #FFB86C 5,37:1 AA

Aa #282A36 auf #FF5555 4,53:1 AA

Aa #6272A4 auf #F8F8F2 4,41:1 AA (großer Text)

Aa #6272A4 auf #F1FA8C 4,21:1 AA (großer Text)

Aa #44475A auf #FF79C6 3,84:1 AA (großer Text)

Aa #44475A auf #BD93F9 3,79:1 AA (großer Text)

Aa #6272A4 auf #50FA7B 3,43:1 AA (großer Text)

Aa #6272A4 auf #8BE9FD 3,40:1 AA (großer Text)

Aa #282A36 auf #6272A4 3,03:1 AA (großer Text)

Aa #F8F8F2 auf #FF5555 2,95:1 Nicht bestanden

Aa #44475A auf #FF5555 2,91:1 Nicht bestanden

Aa #FF5555 auf #F1FA8C 2,81:1 Nicht bestanden

Aa #6272A4 auf #FFB86C 2,76:1 Nicht bestanden

Aa #FF5555 auf #50FA7B 2,29:1 Nicht bestanden

Aa #FF5555 auf #8BE9FD 2,27:1 Nicht bestanden

Aa #F8F8F2 auf #BD93F9 2,26:1 Nicht bestanden

Aa #F8F8F2 auf #FF79C6 2,24:1 Nicht bestanden

Aa #F1FA8C auf #BD93F9 2,16:1 Nicht bestanden

Aa #F1FA8C auf #FF79C6 2,13:1 Nicht bestanden

Aa #6272A4 auf #FF79C6 1,97:1 Nicht bestanden

Aa #6272A4 auf #BD93F9 1,95:1 Nicht bestanden

Aa #44475A auf #6272A4 1,94:1 Nicht bestanden

Aa #FF5555 auf #FFB86C 1,84:1 Nicht bestanden

Aa #50FA7B auf #BD93F9 1,76:1 Nicht bestanden

Aa #50FA7B auf #FF79C6 1,74:1 Nicht bestanden

Aa #8BE9FD auf #BD93F9 1,74:1 Nicht bestanden

Aa #8BE9FD auf #FF79C6 1,72:1 Nicht bestanden

Aa #F8F8F2 auf #FFB86C 1,60:1 Nicht bestanden

Aa #282A36 auf #44475A 1,56:1 Nicht bestanden

Aa #FFB86C auf #F1FA8C 1,52:1 Nicht bestanden

Aa #6272A4 auf #FF5555 1,50:1 Nicht bestanden

Aa #FFB86C auf #BD93F9 1,42:1 Nicht bestanden

Aa #FFB86C auf #FF79C6 1,40:1 Nicht bestanden

Aa #FF5555 auf #FF79C6 1,32:1 Nicht bestanden

Aa #F8F8F2 auf #8BE9FD 1,30:1 Nicht bestanden

Aa #FF5555 auf #BD93F9 1,30:1 Nicht bestanden

Aa #F8F8F2 auf #50FA7B 1,29:1 Nicht bestanden

Aa #FFB86C auf #50FA7B 1,24:1 Nicht bestanden

Aa #F1FA8C auf #8BE9FD 1,24:1 Nicht bestanden

Aa #FFB86C auf #8BE9FD 1,23:1 Nicht bestanden

Aa #F1FA8C auf #50FA7B 1,23:1 Nicht bestanden

Aa #F8F8F2 auf #F1FA8C 1,05:1 Nicht bestanden

Aa #50FA7B auf #8BE9FD 1,01:1 Nicht bestanden

Aa #BD93F9 auf #FF79C6 1,01:1 Nicht bestanden

Dracula Standard