Startseite Farbpaletten Delicious Purple Candy

Delicious Purple Candy

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Delicious Purple Candy

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 8 Farben Warm Gemischt Analog purple cool analogous

Likes 42

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #07002B;
  --c-vibrant-2: #2A017B;
  --c-vibrant-3: #5D0FA2;
  --c-vibrant-4: #8F2DBC;
  --c-vibrant-5: #C659D9;
  --c-vibrant-6: #E782DE;
  --c-vibrant-7: #FFB7EE;
  --c-vibrant-8: #FFE3F4;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Bunny Tail (#FFE3F4) bis zum dunkelsten Ton Insomnia (#07002B). Sie vereint Insomnia, Child of the Night, Indiviolet Sunset, Pheromone Purple, Thick Pink, Lavender Magenta, Pink Quartz und Bunny Tail in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #07002B auf #FFE3F4 mit 16,81:1.

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

Farben im Detail

Insomnia #07002B

RGB: rgb(7, 0, 43)
HSL: hsl(250, 100%, 8%)
Luminanz: 0,002

Child of the Night #2A017B

RGB: rgb(42, 1, 123)
HSL: hsl(260, 98%, 24%)
Luminanz: 0,019

Indiviolet Sunset #5D0FA2

RGB: rgb(93, 15, 162)
HSL: hsl(272, 83%, 35%)
Luminanz: 0,053

Pheromone Purple #8F2DBC

RGB: rgb(143, 45, 188)
HSL: hsl(281, 61%, 46%)
Luminanz: 0,114

Thick Pink #C659D9

RGB: rgb(198, 89, 217)
HSL: hsl(291, 63%, 60%)
Luminanz: 0,242

Lavender Magenta #E782DE

RGB: rgb(231, 130, 222)
HSL: hsl(305, 68%, 71%)
Luminanz: 0,382

Pink Quartz #FFB7EE

RGB: rgb(255, 183, 238)
HSL: hsl(314, 100%, 86%)
Luminanz: 0,613

Bunny Tail #FFE3F4

RGB: rgb(255, 227, 244)
HSL: hsl(324, 100%, 95%)
Luminanz: 0,827

Kontrast & Barrierefreiheit

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

Aa #07002B auf #FFE3F4 16,81:1 AAA

Aa #07002B auf #FFB7EE 12,70:1 AAA

Aa #2A017B auf #FFE3F4 12,63:1 AAA

Aa #2A017B auf #FFB7EE 9,55:1 AAA

Aa #5D0FA2 auf #FFE3F4 8,54:1 AAA

Aa #07002B auf #E782DE 8,28:1 AAA

Aa #5D0FA2 auf #FFB7EE 6,45:1 AA

Aa #2A017B auf #E782DE 6,23:1 AA

Aa #07002B auf #C659D9 5,59:1 AA

Aa #8F2DBC auf #FFE3F4 5,37:1 AA

Aa #5D0FA2 auf #E782DE 4,21:1 AA (großer Text)

Aa #2A017B auf #C659D9 4,20:1 AA (großer Text)

Aa #8F2DBC auf #FFB7EE 4,06:1 AA (großer Text)

Aa #07002B auf #8F2DBC 3,13:1 AA (großer Text)

Aa #C659D9 auf #FFE3F4 3,01:1 AA (großer Text)

Aa #5D0FA2 auf #C659D9 2,84:1 Nicht bestanden

Aa #8F2DBC auf #E782DE 2,64:1 Nicht bestanden

Aa #2A017B auf #8F2DBC 2,35:1 Nicht bestanden

Aa #C659D9 auf #FFB7EE 2,27:1 Nicht bestanden

Aa #E782DE auf #FFE3F4 2,03:1 Nicht bestanden

Aa #07002B auf #5D0FA2 1,97:1 Nicht bestanden

Aa #8F2DBC auf #C659D9 1,78:1 Nicht bestanden

Aa #5D0FA2 auf #8F2DBC 1,59:1 Nicht bestanden

Aa #E782DE auf #FFB7EE 1,53:1 Nicht bestanden

Aa #2A017B auf #5D0FA2 1,48:1 Nicht bestanden

Aa #C659D9 auf #E782DE 1,48:1 Nicht bestanden

Aa #07002B auf #2A017B 1,33:1 Nicht bestanden

Aa #FFB7EE auf #FFE3F4 1,32:1 Nicht bestanden

Delicious Purple Candy