Startseite Farbpaletten Valentine's Day 12

Valentine's Day 12

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

Zurück zur Bibliothek

Valentine's Day 12

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

Bearbeiten

Lebendig 12 Farben Warm Gemischt Triadisch pinks 12colors purples valentinesday

Likes 39

Farben 12

CSS-Variablen

:root {
  --c-vibrant-1: #251909;
  --c-vibrant-2: #FFE4EE;
  --c-vibrant-3: #C099F4;
  --c-vibrant-4: #9573FD;
  --c-vibrant-5: #402C4A;
  --c-vibrant-6: #6A3C7F;
  --c-vibrant-7: #D96F9F;
  --c-vibrant-8: #FCADCA;
  --c-vibrant-9: #5E142A;
  --c-vibrant-10: #9D001B;
  --c-vibrant-11: #E63063;
  --c-vibrant-12: #FF658B;
}

Über diese Palette

Diese lebendige Palette mit 12 Farben reicht vom hellsten Ton Early Blossom (#FFE4EE) bis zum dunkelsten Ton Cannon Black (#251909). Sie vereint Cannon Black, Early Blossom, Baby Purple, Forgotten Purple, Jagger, Dark Pansy, Liseran Purple, Heartfelt, Brown Chocolate, Xmas Candy, Strawberry Mix und Berlin Pink in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 17 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #251909 auf #FFE4EE mit 14,39:1.

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

Farben im Detail

Cannon Black #251909

RGB: rgb(37, 25, 9)
HSL: hsl(34, 61%, 9%)
Luminanz: 0,011

Early Blossom #FFE4EE

RGB: rgb(255, 228, 238)
HSL: hsl(338, 100%, 95%)
Luminanz: 0,829

Baby Purple #C099F4

RGB: rgb(192, 153, 244)
HSL: hsl(266, 81%, 78%)
Luminanz: 0,405

Forgotten Purple #9573FD

RGB: rgb(149, 115, 253)
HSL: hsl(255, 97%, 72%)
Luminanz: 0,257

Jagger #402C4A

RGB: rgb(64, 44, 74)
HSL: hsl(280, 25%, 23%)
Luminanz: 0,034

Dark Pansy #6A3C7F

RGB: rgb(106, 60, 127)
HSL: hsl(281, 36%, 37%)
Luminanz: 0,078

Liseran Purple #D96F9F

RGB: rgb(217, 111, 159)
HSL: hsl(333, 58%, 64%)
Luminanz: 0,286

Heartfelt #FCADCA

RGB: rgb(252, 173, 202)
HSL: hsl(338, 93%, 83%)
Luminanz: 0,549

Brown Chocolate #5E142A

RGB: rgb(94, 20, 42)
HSL: hsl(342, 65%, 22%)
Luminanz: 0,031

Xmas Candy #9D001B

RGB: rgb(157, 0, 27)
HSL: hsl(350, 100%, 31%)
Luminanz: 0,073

Strawberry Mix #E63063

RGB: rgb(230, 48, 99)
HSL: hsl(343, 78%, 55%)
Luminanz: 0,198

Berlin Pink #FF658B

RGB: rgb(255, 101, 139)
HSL: hsl(345, 100%, 70%)
Luminanz: 0,324

Kontrast & Barrierefreiheit

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

Aa #251909 auf #FFE4EE 14,39:1 AAA

Aa #FFE4EE auf #5E142A 10,93:1 AAA

Aa #FFE4EE auf #402C4A 10,48:1 AAA

Aa #251909 auf #FCADCA 9,80:1 AAA

Aa #251909 auf #C099F4 7,45:1 AAA

Aa #FCADCA auf #5E142A 7,44:1 AAA

Aa #FFE4EE auf #9D001B 7,18:1 AAA

Aa #402C4A auf #FCADCA 7,14:1 AAA

Aa #FFE4EE auf #6A3C7F 6,85:1 AA

Aa #251909 auf #FF658B 6,13:1 AA

Aa #C099F4 auf #5E142A 5,66:1 AA

Aa #251909 auf #D96F9F 5,50:1 AA

Aa #C099F4 auf #402C4A 5,43:1 AA

Aa #251909 auf #9573FD 5,03:1 AA

Aa #FCADCA auf #9D001B 4,89:1 AA

Aa #6A3C7F auf #FCADCA 4,67:1 AA

Aa #5E142A auf #FF658B 4,65:1 AA

Aa #402C4A auf #FF658B 4,46:1 AA (großer Text)

Aa #D96F9F auf #5E142A 4,18:1 AA (großer Text)

Aa #251909 auf #E63063 4,07:1 AA (großer Text)

Aa #402C4A auf #D96F9F 4,01:1 AA (großer Text)

Aa #9573FD auf #5E142A 3,82:1 AA (großer Text)

Aa #C099F4 auf #9D001B 3,72:1 AA (großer Text)

Aa #9573FD auf #402C4A 3,67:1 AA (großer Text)

Aa #C099F4 auf #6A3C7F 3,55:1 AA (großer Text)

Aa #FFE4EE auf #E63063 3,54:1 AA (großer Text)

Aa #5E142A auf #E63063 3,09:1 AA (großer Text)

Aa #9D001B auf #FF658B 3,06:1 AA (großer Text)

Aa #402C4A auf #E63063 2,96:1 Nicht bestanden

Aa #6A3C7F auf #FF658B 2,92:1 Nicht bestanden

Aa #FFE4EE auf #9573FD 2,86:1 Nicht bestanden

Aa #D96F9F auf #9D001B 2,75:1 Nicht bestanden

Aa #6A3C7F auf #D96F9F 2,62:1 Nicht bestanden

Aa #FFE4EE auf #D96F9F 2,61:1 Nicht bestanden

Aa #9573FD auf #9D001B 2,51:1 Nicht bestanden

Aa #FCADCA auf #E63063 2,41:1 Nicht bestanden

Aa #9573FD auf #6A3C7F 2,40:1 Nicht bestanden

Aa #FFE4EE auf #FF658B 2,35:1 Nicht bestanden

Aa #251909 auf #6A3C7F 2,10:1 Nicht bestanden

Aa #9D001B auf #E63063 2,03:1 Nicht bestanden

Aa #251909 auf #9D001B 2,01:1 Nicht bestanden

Aa #9573FD auf #FCADCA 1,95:1 Nicht bestanden

Aa #6A3C7F auf #E63063 1,94:1 Nicht bestanden

Aa #FFE4EE auf #C099F4 1,93:1 Nicht bestanden

Aa #C099F4 auf #E63063 1,83:1 Nicht bestanden

Aa #D96F9F auf #FCADCA 1,78:1 Nicht bestanden

Aa #FCADCA auf #FF658B 1,60:1 Nicht bestanden

Aa #6A3C7F auf #5E142A 1,59:1 Nicht bestanden

Aa #402C4A auf #6A3C7F 1,53:1 Nicht bestanden

Aa #5E142A auf #9D001B 1,52:1 Nicht bestanden

Aa #E63063 auf #FF658B 1,51:1 Nicht bestanden

Aa #C099F4 auf #9573FD 1,48:1 Nicht bestanden

Aa #FFE4EE auf #FCADCA 1,47:1 Nicht bestanden

Aa #402C4A auf #9D001B 1,46:1 Nicht bestanden

Aa #251909 auf #402C4A 1,37:1 Nicht bestanden

Aa #C099F4 auf #D96F9F 1,35:1 Nicht bestanden

Aa #D96F9F auf #E63063 1,35:1 Nicht bestanden

Aa #251909 auf #5E142A 1,32:1 Nicht bestanden

Aa #C099F4 auf #FCADCA 1,31:1 Nicht bestanden

Aa #9573FD auf #E63063 1,24:1 Nicht bestanden

Aa #C099F4 auf #FF658B 1,22:1 Nicht bestanden

Aa #9573FD auf #FF658B 1,22:1 Nicht bestanden

Aa #D96F9F auf #FF658B 1,11:1 Nicht bestanden

Aa #9573FD auf #D96F9F 1,09:1 Nicht bestanden

Aa #6A3C7F auf #9D001B 1,05:1 Nicht bestanden

Aa #402C4A auf #5E142A 1,04:1 Nicht bestanden

Valentine's Day 12