Cherry7

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

Zurück zur Bibliothek

Cherry7

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

Bearbeiten

Lebendig 7 Farben Warm Gemischt Monochrom red 7 color 7 colour

Likes 98

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #FFDCDE;
  --c-vibrant-2: #FFB2B6;
  --c-vibrant-3: #FF868D;
  --c-vibrant-4: #F8414E;
  --c-vibrant-5: #D22247;
  --c-vibrant-6: #AD1544;
  --c-vibrant-7: #760F42;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Rose Tonic (#FFDCDE) bis zum dunkelsten Ton Her Fierceness (#760F42). Sie vereint Rose Tonic, Wildflower Bouquet, Tulip, Sunburnt Cyclops, Pepper Jelly, Bloody Periphylla und Her Fierceness in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFDCDE auf #760F42 mit 8,63:1.

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

Farben im Detail

Rose Tonic #FFDCDE

RGB: rgb(255, 220, 222)
HSL: hsl(357, 100%, 93%)
Luminanz: 0,777

Wildflower Bouquet #FFB2B6

RGB: rgb(255, 178, 182)
HSL: hsl(357, 100%, 85%)
Luminanz: 0,565

Tulip #FF868D

RGB: rgb(255, 134, 141)
HSL: hsl(357, 100%, 76%)
Luminanz: 0,402

Sunburnt Cyclops #F8414E

RGB: rgb(248, 65, 78)
HSL: hsl(356, 93%, 61%)
Luminanz: 0,243

Pepper Jelly #D22247

RGB: rgb(210, 34, 71)
HSL: hsl(347, 72%, 48%)
Luminanz: 0,153

Bloody Periphylla #AD1544

RGB: rgb(173, 21, 68)
HSL: hsl(341, 78%, 38%)
Luminanz: 0,098

Her Fierceness #760F42

RGB: rgb(118, 15, 66)
HSL: hsl(330, 77%, 26%)
Luminanz: 0,046

Kontrast & Barrierefreiheit

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

Aa #FFDCDE auf #760F42 8,63:1 AAA

Aa #FFB2B6 auf #760F42 6,41:1 AA

Aa #FFDCDE auf #AD1544 5,57:1 AA

Aa #FF868D auf #760F42 4,72:1 AA

Aa #FFB2B6 auf #AD1544 4,14:1 AA (großer Text)

Aa #FFDCDE auf #D22247 4,07:1 AA (großer Text)

Aa #F8414E auf #760F42 3,06:1 AA (großer Text)

Aa #FF868D auf #AD1544 3,05:1 AA (großer Text)

Aa #FFB2B6 auf #D22247 3,03:1 AA (großer Text)

Aa #FFDCDE auf #F8414E 2,82:1 Nicht bestanden

Aa #FF868D auf #D22247 2,23:1 Nicht bestanden

Aa #D22247 auf #760F42 2,12:1 Nicht bestanden

Aa #FFB2B6 auf #F8414E 2,10:1 Nicht bestanden

Aa #F8414E auf #AD1544 1,97:1 Nicht bestanden

Aa #FFDCDE auf #FF868D 1,83:1 Nicht bestanden

Aa #AD1544 auf #760F42 1,55:1 Nicht bestanden

Aa #FF868D auf #F8414E 1,54:1 Nicht bestanden

Aa #F8414E auf #D22247 1,44:1 Nicht bestanden

Aa #D22247 auf #AD1544 1,37:1 Nicht bestanden

Aa #FFB2B6 auf #FF868D 1,36:1 Nicht bestanden

Aa #FFDCDE auf #FFB2B6 1,35:1 Nicht bestanden

Cherry7

Cherry7

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen