Shag Carpet

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

Zurück zur Bibliothek

Shag Carpet

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär orange warm yellow brown

Likes 46

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #230A06;
  --c-vibrant-2: #4B1D0D;
  --c-vibrant-3: #613008;
  --c-vibrant-4: #933A12;
  --c-vibrant-5: #B75E12;
  --c-vibrant-6: #FF9465;
  --c-vibrant-7: #FFCD48;
  --c-vibrant-8: #F8F9FB;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Doctor (#F8F9FB) bis zum dunkelsten Ton Root Brew (#230A06). Sie vereint Root Brew, Chocolate Rush, Count Chocula, Citrine Brown, Super Leaf Brown, Pink Orange, Sunglow Gecko und Doctor 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 #230A06 auf #F8F9FB mit 17,84:1.

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

Farben im Detail

Root Brew #230A06

RGB: rgb(35, 10, 6)
HSL: hsl(8, 71%, 8%)
Luminanz: 0,006

Chocolate Rush #4B1D0D

RGB: rgb(75, 29, 13)
HSL: hsl(15, 70%, 17%)
Luminanz: 0,024

Count Chocula #613008

RGB: rgb(97, 48, 8)
HSL: hsl(27, 85%, 21%)
Luminanz: 0,047

Citrine Brown #933A12

RGB: rgb(147, 58, 18)
HSL: hsl(19, 78%, 32%)
Luminanz: 0,093

Super Leaf Brown #B75E12

RGB: rgb(183, 94, 18)
HSL: hsl(28, 82%, 39%)
Luminanz: 0,181

Pink Orange #FF9465

RGB: rgb(255, 148, 101)
HSL: hsl(18, 100%, 70%)
Luminanz: 0,434

Sunglow Gecko #FFCD48

RGB: rgb(255, 205, 72)
HSL: hsl(44, 100%, 64%)
Luminanz: 0,654

Doctor #F8F9FB

RGB: rgb(248, 249, 251)
HSL: hsl(220, 27%, 98%)
Luminanz: 0,947

Kontrast & Barrierefreiheit

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

Aa #230A06 auf #F8F9FB 17,84:1 AAA

Aa #4B1D0D auf #F8F9FB 13,46:1 AAA

Aa #230A06 auf #FFCD48 12,60:1 AAA

Aa #613008 auf #F8F9FB 10,30:1 AAA

Aa #4B1D0D auf #FFCD48 9,51:1 AAA

Aa #230A06 auf #FF9465 8,66:1 AAA

Aa #613008 auf #FFCD48 7,28:1 AAA

Aa #933A12 auf #F8F9FB 6,98:1 AA

Aa #4B1D0D auf #FF9465 6,53:1 AA

Aa #613008 auf #FF9465 5,00:1 AA

Aa #933A12 auf #FFCD48 4,93:1 AA

Aa #B75E12 auf #F8F9FB 4,31:1 AA (großer Text)

Aa #230A06 auf #B75E12 4,14:1 AA (großer Text)

Aa #933A12 auf #FF9465 3,39:1 AA (großer Text)

Aa #4B1D0D auf #B75E12 3,12:1 AA (großer Text)

Aa #B75E12 auf #FFCD48 3,05:1 AA (großer Text)

Aa #230A06 auf #933A12 2,55:1 Nicht bestanden

Aa #613008 auf #B75E12 2,39:1 Nicht bestanden

Aa #B75E12 auf #FF9465 2,09:1 Nicht bestanden

Aa #FF9465 auf #F8F9FB 2,06:1 Nicht bestanden

Aa #4B1D0D auf #933A12 1,93:1 Nicht bestanden

Aa #230A06 auf #613008 1,73:1 Nicht bestanden

Aa #933A12 auf #B75E12 1,62:1 Nicht bestanden

Aa #613008 auf #933A12 1,48:1 Nicht bestanden

Aa #FF9465 auf #FFCD48 1,45:1 Nicht bestanden

Aa #FFCD48 auf #F8F9FB 1,42:1 Nicht bestanden

Aa #230A06 auf #4B1D0D 1,33:1 Nicht bestanden

Aa #4B1D0D auf #613008 1,31:1 Nicht bestanden

Shag Carpet

Shag Carpet

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen