Startseite Farbpaletten PLEASE DELETE MY ACCOUNT

PLEASE DELETE MY ACCOUNT

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

Zurück zur Bibliothek

PLEASE DELETE MY ACCOUNT

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

Bearbeiten

Lebendig 10 Farben Warm Gemischt Komplementär pixelart limited whatthedec tencolor

Likes 43

Farben 10

CSS-Variablen

:root {
  --c-vibrant-1: #FFFDCE;
  --c-vibrant-2: #FFCD6B;
  --c-vibrant-3: #78DA22;
  --c-vibrant-4: #17854E;
  --c-vibrant-5: #E66649;
  --c-vibrant-6: #8349A6;
  --c-vibrant-7: #38153B;
  --c-vibrant-8: #A6CED2;
  --c-vibrant-9: #4796CF;
  --c-vibrant-10: #204075;
}

Über diese Palette

Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Ice Yellow (#FFFDCE) bis zum dunkelsten Ton Blackcurrant (#38153B). Sie vereint Ice Yellow, Faded Sunlight, King Lizard, Lucky Green, Heirloom Blush, Purple Pleasures, Blackcurrant, Wave, Perfect Sky und Blue Expanse in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFDCE auf #38153B mit 15,09:1.

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

Farben im Detail

Ice Yellow #FFFDCE

RGB: rgb(255, 253, 206)
HSL: hsl(58, 100%, 90%)
Luminanz: 0,960

Faded Sunlight #FFCD6B

RGB: rgb(255, 205, 107)
HSL: hsl(40, 100%, 71%)
Luminanz: 0,660

King Lizard #78DA22

RGB: rgb(120, 218, 34)
HSL: hsl(92, 73%, 49%)
Luminanz: 0,543

Lucky Green #17854E

RGB: rgb(23, 133, 78)
HSL: hsl(150, 71%, 31%)
Luminanz: 0,175

Heirloom Blush #E66649

RGB: rgb(230, 102, 73)
HSL: hsl(11, 76%, 59%)
Luminanz: 0,268

Purple Pleasures #8349A6

RGB: rgb(131, 73, 166)
HSL: hsl(277, 39%, 47%)
Luminanz: 0,123

Blackcurrant #38153B

RGB: rgb(56, 21, 59)
HSL: hsl(295, 48%, 16%)
Luminanz: 0,017

Wave #A6CED2

RGB: rgb(166, 206, 210)
HSL: hsl(185, 33%, 74%)
Luminanz: 0,569

Perfect Sky #4796CF

RGB: rgb(71, 150, 207)
HSL: hsl(205, 59%, 55%)
Luminanz: 0,277

Blue Expanse #204075

RGB: rgb(32, 64, 117)
HSL: hsl(217, 57%, 29%)
Luminanz: 0,053

Kontrast & Barrierefreiheit

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

Aa #FFFDCE auf #38153B 15,09:1 AAA

Aa #FFCD6B auf #38153B 10,61:1 AAA

Aa #FFFDCE auf #204075 9,84:1 AAA

Aa #38153B auf #A6CED2 9,25:1 AAA

Aa #78DA22 auf #38153B 8,85:1 AAA

Aa #FFCD6B auf #204075 6,92:1 AA

Aa #A6CED2 auf #204075 6,03:1 AA

Aa #FFFDCE auf #8349A6 5,82:1 AA

Aa #78DA22 auf #204075 5,78:1 AA

Aa #38153B auf #4796CF 4,88:1 AA

Aa #E66649 auf #38153B 4,75:1 AA

Aa #FFFDCE auf #17854E 4,49:1 AA (großer Text)

Aa #FFCD6B auf #8349A6 4,09:1 AA (großer Text)

Aa #8349A6 auf #A6CED2 3,57:1 AA (großer Text)

Aa #78DA22 auf #8349A6 3,42:1 AA (großer Text)

Aa #17854E auf #38153B 3,36:1 AA (großer Text)

Aa #4796CF auf #204075 3,18:1 AA (großer Text)

Aa #FFFDCE auf #E66649 3,17:1 AA (großer Text)

Aa #FFCD6B auf #17854E 3,15:1 AA (großer Text)

Aa #E66649 auf #204075 3,10:1 AA (großer Text)

Aa #FFFDCE auf #4796CF 3,09:1 AA (großer Text)

Aa #17854E auf #A6CED2 2,75:1 Nicht bestanden

Aa #78DA22 auf #17854E 2,63:1 Nicht bestanden

Aa #8349A6 auf #38153B 2,59:1 Nicht bestanden

Aa #FFCD6B auf #E66649 2,23:1 Nicht bestanden

Aa #17854E auf #204075 2,19:1 Nicht bestanden

Aa #FFCD6B auf #4796CF 2,17:1 Nicht bestanden

Aa #E66649 auf #A6CED2 1,95:1 Nicht bestanden

Aa #A6CED2 auf #4796CF 1,90:1 Nicht bestanden

Aa #8349A6 auf #4796CF 1,88:1 Nicht bestanden

Aa #78DA22 auf #E66649 1,86:1 Nicht bestanden

Aa #E66649 auf #8349A6 1,83:1 Nicht bestanden

Aa #78DA22 auf #4796CF 1,81:1 Nicht bestanden

Aa #FFFDCE auf #78DA22 1,70:1 Nicht bestanden

Aa #8349A6 auf #204075 1,69:1 Nicht bestanden

Aa #FFFDCE auf #A6CED2 1,63:1 Nicht bestanden

Aa #38153B auf #204075 1,53:1 Nicht bestanden

Aa #17854E auf #4796CF 1,45:1 Nicht bestanden

Aa #FFFDCE auf #FFCD6B 1,42:1 Nicht bestanden

Aa #17854E auf #E66649 1,41:1 Nicht bestanden

Aa #17854E auf #8349A6 1,30:1 Nicht bestanden

Aa #FFCD6B auf #78DA22 1,20:1 Nicht bestanden

Aa #FFCD6B auf #A6CED2 1,15:1 Nicht bestanden

Aa #78DA22 auf #A6CED2 1,04:1 Nicht bestanden

Aa #E66649 auf #4796CF 1,03:1 Nicht bestanden

PLEASE DELETE MY ACCOUNT