Startseite Farbpaletten Pink Chocolate

Pink Chocolate

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Pink Chocolate

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 7 Farben Warm Gemischt Triadisch pink chocolate candy

Likes 13

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #3F2700;
  --c-vibrant-2: #7F2400;
  --c-vibrant-3: #BF0000;
  --c-vibrant-4: #FF004A;
  --c-vibrant-5: #FF40B6;
  --c-vibrant-6: #FF80F3;
  --c-vibrant-7: #F3C0FF;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Electric Lavender (#F3C0FF) bis zum dunkelsten Ton Blackened Brown (#3F2700). Sie vereint Blackened Brown, Mahogany Brown, Free Speech Red, Bloody Pico-8, Artificial Strawberry, Technolust und Electric Lavender in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #3F2700 auf #F3C0FF mit 9,19:1.

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

Farben im Detail

Blackened Brown #3F2700

RGB: rgb(63, 39, 0)
HSL: hsl(37, 100%, 12%)
Luminanz: 0,025

Mahogany Brown #7F2400

RGB: rgb(127, 36, 0)
HSL: hsl(17, 100%, 25%)
Luminanz: 0,058

Free Speech Red #BF0000

RGB: rgb(191, 0, 0)
HSL: hsl(0, 100%, 37%)
Luminanz: 0,111

Bloody Pico-8 #FF004A

RGB: rgb(255, 0, 74)
HSL: hsl(343, 100%, 50%)
Luminanz: 0,218

Artificial Strawberry #FF40B6

RGB: rgb(255, 64, 182)
HSL: hsl(323, 100%, 63%)
Luminanz: 0,283

Technolust #FF80F3

RGB: rgb(255, 128, 243)
HSL: hsl(306, 100%, 75%)
Luminanz: 0,432

Electric Lavender #F3C0FF

RGB: rgb(243, 192, 255)
HSL: hsl(289, 100%, 88%)
Luminanz: 0,640

Kontrast & Barrierefreiheit

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

Aa #3F2700 auf #F3C0FF 9,19:1 AAA

Aa #3F2700 auf #FF80F3 6,42:1 AA

Aa #7F2400 auf #F3C0FF 6,40:1 AA

Aa #7F2400 auf #FF80F3 4,47:1 AA (großer Text)

Aa #3F2700 auf #FF40B6 4,44:1 AA (großer Text)

Aa #BF0000 auf #F3C0FF 4,29:1 AA (großer Text)

Aa #3F2700 auf #FF004A 3,56:1 AA (großer Text)

Aa #7F2400 auf #FF40B6 3,09:1 AA (großer Text)

Aa #BF0000 auf #FF80F3 3,00:1 AA (großer Text)

Aa #FF004A auf #F3C0FF 2,58:1 Nicht bestanden

Aa #7F2400 auf #FF004A 2,48:1 Nicht bestanden

Aa #3F2700 auf #BF0000 2,14:1 Nicht bestanden

Aa #BF0000 auf #FF40B6 2,07:1 Nicht bestanden

Aa #FF40B6 auf #F3C0FF 2,07:1 Nicht bestanden

Aa #FF004A auf #FF80F3 1,80:1 Nicht bestanden

Aa #BF0000 auf #FF004A 1,66:1 Nicht bestanden

Aa #7F2400 auf #BF0000 1,49:1 Nicht bestanden

Aa #FF40B6 auf #FF80F3 1,45:1 Nicht bestanden

Aa #3F2700 auf #7F2400 1,44:1 Nicht bestanden

Aa #FF80F3 auf #F3C0FF 1,43:1 Nicht bestanden

Aa #FF004A auf #FF40B6 1,24:1 Nicht bestanden

Pink Chocolate

Pink Chocolate

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen