Startseite Farbpaletten Submerged Chimera

Submerged Chimera

Palette mit 8 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Submerged Chimera

Palette mit 8 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 8 Farben Neutral Gemischt Komplementär white blue purple

Likes 171

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #F7FAEA;
  --c-vibrant-2: #FFD2DE;
  --c-vibrant-3: #F792E4;
  --c-vibrant-4: #DE39E9;
  --c-vibrant-5: #8623AE;
  --c-vibrant-6: #6D4299;
  --c-vibrant-7: #2E1E5C;
  --c-vibrant-8: #120F28;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Soft Silver (#F7FAEA) bis zum dunkelsten Ton Corbeau (#120F28). Sie vereint Soft Silver, Light Pink, Pink Condition, Apple II Magenta, Minesweeper’s Purple, Sweet Flag, Cluedo Night und Corbeau in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F7FAEA auf #120F28 mit 17,62:1.

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

Farben im Detail

Soft Silver #F7FAEA

RGB: rgb(247, 250, 234)
HSL: hsl(71, 62%, 95%)
Luminanz: 0,941

Light Pink #FFD2DE

RGB: rgb(255, 210, 222)
HSL: hsl(344, 100%, 91%)
Luminanz: 0,726

Pink Condition #F792E4

RGB: rgb(247, 146, 228)
HSL: hsl(311, 86%, 77%)
Luminanz: 0,459

Apple II Magenta #DE39E9

RGB: rgb(222, 57, 233)
HSL: hsl(296, 80%, 57%)
Luminanz: 0,243

Minesweeper’s Purple #8623AE

RGB: rgb(134, 35, 174)
HSL: hsl(283, 67%, 41%)
Luminanz: 0,093

Sweet Flag #6D4299

RGB: rgb(109, 66, 153)
HSL: hsl(270, 40%, 43%)
Luminanz: 0,095

Cluedo Night #2E1E5C

RGB: rgb(46, 30, 92)
HSL: hsl(255, 51%, 24%)
Luminanz: 0,023

Corbeau #120F28

RGB: rgb(18, 15, 40)
HSL: hsl(247, 45%, 11%)
Luminanz: 0,006

Kontrast & Barrierefreiheit

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

Aa #F7FAEA auf #120F28 17,62:1 AAA

Aa #FFD2DE auf #120F28 13,80:1 AAA

Aa #F7FAEA auf #2E1E5C 13,61:1 AAA

Aa #FFD2DE auf #2E1E5C 10,66:1 AAA

Aa #F792E4 auf #120F28 9,06:1 AAA

Aa #F792E4 auf #2E1E5C 6,99:1 AA

Aa #F7FAEA auf #8623AE 6,92:1 AA

Aa #F7FAEA auf #6D4299 6,86:1 AA

Aa #FFD2DE auf #8623AE 5,42:1 AA

Aa #FFD2DE auf #6D4299 5,37:1 AA

Aa #DE39E9 auf #120F28 5,22:1 AA

Aa #DE39E9 auf #2E1E5C 4,03:1 AA (großer Text)

Aa #F792E4 auf #8623AE 3,56:1 AA (großer Text)

Aa #F792E4 auf #6D4299 3,53:1 AA (großer Text)

Aa #F7FAEA auf #DE39E9 3,38:1 AA (großer Text)

Aa #FFD2DE auf #DE39E9 2,65:1 Nicht bestanden

Aa #6D4299 auf #120F28 2,57:1 Nicht bestanden

Aa #8623AE auf #120F28 2,55:1 Nicht bestanden

Aa #DE39E9 auf #8623AE 2,05:1 Nicht bestanden

Aa #DE39E9 auf #6D4299 2,03:1 Nicht bestanden

Aa #6D4299 auf #2E1E5C 1,98:1 Nicht bestanden

Aa #8623AE auf #2E1E5C 1,97:1 Nicht bestanden

Aa #F7FAEA auf #F792E4 1,95:1 Nicht bestanden

Aa #F792E4 auf #DE39E9 1,74:1 Nicht bestanden

Aa #FFD2DE auf #F792E4 1,52:1 Nicht bestanden

Aa #2E1E5C auf #120F28 1,29:1 Nicht bestanden

Aa #F7FAEA auf #FFD2DE 1,28:1 Nicht bestanden

Aa #8623AE auf #6D4299 1,01:1 Nicht bestanden

Submerged Chimera