Gilt 8

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Gilt 8

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 8 Farben Warm Gemischt Analog golden gold collab rosy

Likes 44

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #812C23;
  --c-vibrant-2: #C46A2D;
  --c-vibrant-3: #E4B92B;
  --c-vibrant-4: #FBE769;
  --c-vibrant-5: #FFF2EA;
  --c-vibrant-6: #F2BACC;
  --c-vibrant-7: #C26E85;
  --c-vibrant-8: #A13955;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Pico Ivory (#FFF2EA) bis zum dunkelsten Ton Warmth of Teamwork (#812C23). Sie vereint Warmth of Teamwork, Warm Cream Spirit, Durian Yellow, Marigold Yellow, Pico Ivory, Pink Grapefruit, Briar Rose und Raspberry Ice Red in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #812C23 auf #FFF2EA mit 8,26:1.

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

Farben im Detail

Warmth of Teamwork #812C23

RGB: rgb(129, 44, 35)
HSL: hsl(6, 57%, 32%)
Luminanz: 0,066

Warm Cream Spirit #C46A2D

RGB: rgb(196, 106, 45)
HSL: hsl(24, 63%, 47%)
Luminanz: 0,222

Durian Yellow #E4B92B

RGB: rgb(228, 185, 43)
HSL: hsl(46, 77%, 53%)
Luminanz: 0,514

Marigold Yellow #FBE769

RGB: rgb(251, 231, 105)
HSL: hsl(52, 95%, 70%)
Luminanz: 0,787

Pico Ivory #FFF2EA

RGB: rgb(255, 242, 234)
HSL: hsl(23, 100%, 96%)
Luminanz: 0,907

Pink Grapefruit #F2BACC

RGB: rgb(242, 186, 204)
HSL: hsl(341, 68%, 84%)
Luminanz: 0,584

Briar Rose #C26E85

RGB: rgb(194, 110, 133)
HSL: hsl(344, 41%, 60%)
Luminanz: 0,243

Raspberry Ice Red #A13955

RGB: rgb(161, 57, 85)
HSL: hsl(344, 48%, 43%)
Luminanz: 0,112

Kontrast & Barrierefreiheit

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

Aa #812C23 auf #FFF2EA 8,26:1 AAA

Aa #812C23 auf #FBE769 7,22:1 AAA

Aa #FFF2EA auf #A13955 5,92:1 AA

Aa #812C23 auf #F2BACC 5,47:1 AA

Aa #FBE769 auf #A13955 5,18:1 AA

Aa #812C23 auf #E4B92B 4,86:1 AA

Aa #F2BACC auf #A13955 3,92:1 AA (großer Text)

Aa #C46A2D auf #FFF2EA 3,51:1 AA (großer Text)

Aa #E4B92B auf #A13955 3,49:1 AA (großer Text)

Aa #FFF2EA auf #C26E85 3,26:1 AA (großer Text)

Aa #C46A2D auf #FBE769 3,07:1 AA (großer Text)

Aa #FBE769 auf #C26E85 2,85:1 Nicht bestanden

Aa #812C23 auf #C26E85 2,53:1 Nicht bestanden

Aa #812C23 auf #C46A2D 2,35:1 Nicht bestanden

Aa #C46A2D auf #F2BACC 2,33:1 Nicht bestanden

Aa #F2BACC auf #C26E85 2,16:1 Nicht bestanden

Aa #C46A2D auf #E4B92B 2,07:1 Nicht bestanden

Aa #E4B92B auf #C26E85 1,92:1 Nicht bestanden

Aa #C26E85 auf #A13955 1,81:1 Nicht bestanden

Aa #E4B92B auf #FFF2EA 1,70:1 Nicht bestanden

Aa #C46A2D auf #A13955 1,69:1 Nicht bestanden

Aa #FFF2EA auf #F2BACC 1,51:1 Nicht bestanden

Aa #E4B92B auf #FBE769 1,48:1 Nicht bestanden

Aa #812C23 auf #A13955 1,39:1 Nicht bestanden

Aa #FBE769 auf #F2BACC 1,32:1 Nicht bestanden

Aa #FBE769 auf #FFF2EA 1,14:1 Nicht bestanden

Aa #E4B92B auf #F2BACC 1,12:1 Nicht bestanden

Aa #C46A2D auf #C26E85 1,08:1 Nicht bestanden

Gilt 8

Gilt 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen