Startseite Farbpaletten Save Me From Myself

Save Me From Myself

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

Zurück zur Bibliothek

Save Me From Myself

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

Bearbeiten

Lebendig 7 Farben Warm Gemischt Komplementär vibrant blue yellow pop

Likes 14

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #CFEAC9;
  --c-vibrant-2: #419DA0;
  --c-vibrant-3: #082756;
  --c-vibrant-4: #712B4A;
  --c-vibrant-5: #B85804;
  --c-vibrant-6: #F8A31C;
  --c-vibrant-7: #F5FCBB;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Porcelain Earth (#F5FCBB) bis zum dunkelsten Ton Downriver (#082756). Sie vereint Mint Frappé, Coolbox Ice Turquoise, Downriver, Bordeaux Red, Sebright Chicken, Phoenix Flames und Porcelain Earth in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #082756 auf #F5FCBB mit 13,61:1.

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

Farben im Detail

Mint Frappé #CFEAC9

RGB: rgb(207, 234, 201)
HSL: hsl(109, 44%, 85%)
Luminanz: 0,763

Coolbox Ice Turquoise #419DA0

RGB: rgb(65, 157, 160)
HSL: hsl(182, 42%, 44%)
Luminanz: 0,278

Downriver #082756

RGB: rgb(8, 39, 86)
HSL: hsl(216, 83%, 18%)
Luminanz: 0,022

Bordeaux Red #712B4A

RGB: rgb(113, 43, 74)
HSL: hsl(333, 45%, 31%)
Luminanz: 0,057

Sebright Chicken #B85804

RGB: rgb(184, 88, 4)
HSL: hsl(28, 96%, 37%)
Luminanz: 0,172

Phoenix Flames #F8A31C

RGB: rgb(248, 163, 28)
HSL: hsl(37, 94%, 54%)
Luminanz: 0,462

Porcelain Earth #F5FCBB

RGB: rgb(245, 252, 187)
HSL: hsl(66, 92%, 86%)
Luminanz: 0,926

Kontrast & Barrierefreiheit

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

Aa #082756 auf #F5FCBB 13,61:1 AAA

Aa #CFEAC9 auf #082756 11,34:1 AAA

Aa #712B4A auf #F5FCBB 9,10:1 AAA

Aa #CFEAC9 auf #712B4A 7,58:1 AAA

Aa #082756 auf #F8A31C 7,14:1 AAA

Aa #712B4A auf #F8A31C 4,77:1 AA

Aa #419DA0 auf #082756 4,57:1 AA

Aa #B85804 auf #F5FCBB 4,40:1 AA (großer Text)

Aa #CFEAC9 auf #B85804 3,67:1 AA (großer Text)

Aa #082756 auf #B85804 3,09:1 AA (großer Text)

Aa #419DA0 auf #712B4A 3,05:1 AA (großer Text)

Aa #419DA0 auf #F5FCBB 2,98:1 Nicht bestanden

Aa #CFEAC9 auf #419DA0 2,48:1 Nicht bestanden

Aa #B85804 auf #F8A31C 2,31:1 Nicht bestanden

Aa #712B4A auf #B85804 2,07:1 Nicht bestanden

Aa #F8A31C auf #F5FCBB 1,91:1 Nicht bestanden

Aa #CFEAC9 auf #F8A31C 1,59:1 Nicht bestanden

Aa #419DA0 auf #F8A31C 1,56:1 Nicht bestanden

Aa #082756 auf #712B4A 1,50:1 Nicht bestanden

Aa #419DA0 auf #B85804 1,48:1 Nicht bestanden

Aa #CFEAC9 auf #F5FCBB 1,20:1 Nicht bestanden

Save Me From Myself