Startseite Farbpaletten TY Artificial Happiness 12

TY Artificial Happiness 12

Palette mit 12 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

TY Artificial Happiness 12

Palette mit 12 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 12 Farben Kühl Gemischt Komplementär limited happy versatile bright

Likes 15

Farben 12

CSS-Variablen

:root {
  --c-muted-1: #76CFCF;
  --c-muted-2: #55AA65;
  --c-muted-3: #4D749A;
  --c-muted-4: #5A4C49;
  --c-muted-5: #9F81C5;
  --c-muted-6: #B55E86;
  --c-muted-7: #3D2D4D;
  --c-muted-8: #202020;
  --c-muted-9: #E4D3D3;
  --c-muted-10: #D59A4A;
  --c-muted-11: #9A5632;
  --c-muted-12: #6A3933;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Theatre Powder Rose (#E4D3D3) bis zum dunkelsten Ton Lead (#202020). Sie vereint Soft Turquoise, Deep Mint, Hammerhead Shark, Piano Brown, Lilac Purple, Dahlia Mauve, Jagger, Lead, Theatre Powder Rose, Georgian Yellow, Seared Earth und Sanguine Brown in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #202020 auf #E4D3D3 mit 11,29:1.

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

Farben im Detail

Soft Turquoise #76CFCF

RGB: rgb(118, 207, 207)
HSL: hsl(180, 48%, 64%)
Luminanz: 0,530

Deep Mint #55AA65

RGB: rgb(85, 170, 101)
HSL: hsl(131, 33%, 50%)
Luminanz: 0,316

Hammerhead Shark #4D749A

RGB: rgb(77, 116, 154)
HSL: hsl(210, 33%, 45%)
Luminanz: 0,164

Piano Brown #5A4C49

RGB: rgb(90, 76, 73)
HSL: hsl(11, 10%, 32%)
Luminanz: 0,078

Lilac Purple #9F81C5

RGB: rgb(159, 129, 197)
HSL: hsl(266, 37%, 64%)
Luminanz: 0,271

Dahlia Mauve #B55E86

RGB: rgb(181, 94, 134)
HSL: hsl(332, 37%, 54%)
Luminanz: 0,196

Jagger #3D2D4D

RGB: rgb(61, 45, 77)
HSL: hsl(270, 26%, 24%)
Luminanz: 0,034

Lead #202020

RGB: rgb(32, 32, 32)
HSL: hsl(0, 0%, 13%)
Luminanz: 0,014

Theatre Powder Rose #E4D3D3

RGB: rgb(228, 211, 211)
HSL: hsl(0, 24%, 86%)
Luminanz: 0,678

Georgian Yellow #D59A4A

RGB: rgb(213, 154, 74)
HSL: hsl(35, 62%, 56%)
Luminanz: 0,378

Seared Earth #9A5632

RGB: rgb(154, 86, 50)
HSL: hsl(21, 51%, 40%)
Luminanz: 0,138

Sanguine Brown #6A3933

RGB: rgb(106, 57, 51)
HSL: hsl(7, 35%, 31%)
Luminanz: 0,062

Kontrast & Barrierefreiheit

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

Aa #202020 auf #E4D3D3 11,29:1 AAA

Aa #76CFCF auf #202020 9,00:1 AAA

Aa #3D2D4D auf #E4D3D3 8,66:1 AAA

Aa #76CFCF auf #3D2D4D 6,90:1 AA

Aa #202020 auf #D59A4A 6,63:1 AA

Aa #E4D3D3 auf #6A3933 6,48:1 AA

Aa #55AA65 auf #202020 5,68:1 AA

Aa #5A4C49 auf #E4D3D3 5,68:1 AA

Aa #76CFCF auf #6A3933 5,16:1 AA

Aa #3D2D4D auf #D59A4A 5,09:1 AA

Aa #9F81C5 auf #202020 4,98:1 AA

Aa #76CFCF auf #5A4C49 4,52:1 AA

Aa #55AA65 auf #3D2D4D 4,36:1 AA (großer Text)

Aa #E4D3D3 auf #9A5632 3,88:1 AA (großer Text)

Aa #9F81C5 auf #3D2D4D 3,82:1 AA (großer Text)

Aa #B55E86 auf #202020 3,81:1 AA (großer Text)

Aa #D59A4A auf #6A3933 3,81:1 AA (großer Text)

Aa #4D749A auf #E4D3D3 3,40:1 AA (großer Text)

Aa #5A4C49 auf #D59A4A 3,33:1 AA (großer Text)

Aa #4D749A auf #202020 3,32:1 AA (großer Text)

Aa #55AA65 auf #6A3933 3,26:1 AA (großer Text)

Aa #76CFCF auf #9A5632 3,09:1 AA (großer Text)

Aa #B55E86 auf #E4D3D3 2,96:1 Nicht bestanden

Aa #B55E86 auf #3D2D4D 2,92:1 Nicht bestanden

Aa #202020 auf #9A5632 2,91:1 Nicht bestanden

Aa #55AA65 auf #5A4C49 2,86:1 Nicht bestanden

Aa #9F81C5 auf #6A3933 2,86:1 Nicht bestanden

Aa #76CFCF auf #4D749A 2,71:1 Nicht bestanden

Aa #4D749A auf #3D2D4D 2,55:1 Nicht bestanden

Aa #5A4C49 auf #9F81C5 2,50:1 Nicht bestanden

Aa #76CFCF auf #B55E86 2,36:1 Nicht bestanden

Aa #D59A4A auf #9A5632 2,28:1 Nicht bestanden

Aa #9F81C5 auf #E4D3D3 2,27:1 Nicht bestanden

Aa #3D2D4D auf #9A5632 2,23:1 Nicht bestanden

Aa #B55E86 auf #6A3933 2,19:1 Nicht bestanden

Aa #4D749A auf #D59A4A 2,00:1 Nicht bestanden

Aa #55AA65 auf #E4D3D3 1,99:1 Nicht bestanden

Aa #5A4C49 auf #202020 1,99:1 Nicht bestanden

Aa #55AA65 auf #9A5632 1,95:1 Nicht bestanden

Aa #4D749A auf #6A3933 1,91:1 Nicht bestanden

Aa #5A4C49 auf #B55E86 1,91:1 Nicht bestanden

Aa #76CFCF auf #9F81C5 1,81:1 Nicht bestanden

Aa #B55E86 auf #D59A4A 1,74:1 Nicht bestanden

Aa #202020 auf #6A3933 1,74:1 Nicht bestanden

Aa #55AA65 auf #4D749A 1,71:1 Nicht bestanden

Aa #9F81C5 auf #9A5632 1,71:1 Nicht bestanden

Aa #E4D3D3 auf #D59A4A 1,70:1 Nicht bestanden

Aa #4D749A auf #5A4C49 1,67:1 Nicht bestanden

Aa #9A5632 auf #6A3933 1,67:1 Nicht bestanden

Aa #76CFCF auf #55AA65 1,58:1 Nicht bestanden

Aa #5A4C49 auf #3D2D4D 1,53:1 Nicht bestanden

Aa #4D749A auf #9F81C5 1,50:1 Nicht bestanden

Aa #55AA65 auf #B55E86 1,49:1 Nicht bestanden

Aa #5A4C49 auf #9A5632 1,46:1 Nicht bestanden

Aa #76CFCF auf #D59A4A 1,36:1 Nicht bestanden

Aa #3D2D4D auf #6A3933 1,34:1 Nicht bestanden

Aa #9F81C5 auf #D59A4A 1,33:1 Nicht bestanden

Aa #9F81C5 auf #B55E86 1,31:1 Nicht bestanden

Aa #B55E86 auf #9A5632 1,31:1 Nicht bestanden

Aa #3D2D4D auf #202020 1,30:1 Nicht bestanden

Aa #76CFCF auf #E4D3D3 1,26:1 Nicht bestanden

Aa #55AA65 auf #D59A4A 1,17:1 Nicht bestanden

Aa #4D749A auf #B55E86 1,15:1 Nicht bestanden

Aa #55AA65 auf #9F81C5 1,14:1 Nicht bestanden

Aa #4D749A auf #9A5632 1,14:1 Nicht bestanden

Aa #5A4C49 auf #6A3933 1,14:1 Nicht bestanden

TY Artificial Happiness 12