Cold War 8

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

Zurück zur Bibliothek

Cold War 8

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär cold 8 groxguy war

Likes 91

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #332422;
  --c-vibrant-2: #C95B40;
  --c-vibrant-3: #FF9B5E;
  --c-vibrant-4: #FCDF76;
  --c-vibrant-5: #4C2F7F;
  --c-vibrant-6: #3A66AD;
  --c-vibrant-7: #39CEC2;
  --c-vibrant-8: #FAFFF9;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Ceramic (#FAFFF9) bis zum dunkelsten Ton Hornblende (#332422). Sie vereint Hornblende, Cold Brew Tonic, Papaya, Ravioli al Limone, Regalia, Kakitsubata Blue, Bianchi Green und Ceramic in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #332422 auf #FAFFF9 mit 14,64:1.

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

Farben im Detail

Hornblende #332422

RGB: rgb(51, 36, 34)
HSL: hsl(7, 20%, 17%)
Luminanz: 0,021

Cold Brew Tonic #C95B40

RGB: rgb(201, 91, 64)
HSL: hsl(12, 56%, 52%)
Luminanz: 0,203

Papaya #FF9B5E

RGB: rgb(255, 155, 94)
HSL: hsl(23, 100%, 68%)
Luminanz: 0,455

Ravioli al Limone #FCDF76

RGB: rgb(252, 223, 118)
HSL: hsl(47, 96%, 73%)
Luminanz: 0,748

Regalia #4C2F7F

RGB: rgb(76, 47, 127)
HSL: hsl(262, 46%, 34%)
Luminanz: 0,051

Kakitsubata Blue #3A66AD

RGB: rgb(58, 102, 173)
HSL: hsl(217, 50%, 45%)
Luminanz: 0,134

Bianchi Green #39CEC2

RGB: rgb(57, 206, 194)
HSL: hsl(175, 60%, 52%)
Luminanz: 0,489

Ceramic #FAFFF9

RGB: rgb(250, 255, 249)
HSL: hsl(110, 100%, 99%)
Luminanz: 0,987

Kontrast & Barrierefreiheit

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

Aa #332422 auf #FAFFF9 14,64:1 AAA

Aa #332422 auf #FCDF76 11,27:1 AAA

Aa #4C2F7F auf #FAFFF9 10,26:1 AAA

Aa #FCDF76 auf #4C2F7F 7,90:1 AAA

Aa #332422 auf #39CEC2 7,61:1 AAA

Aa #332422 auf #FF9B5E 7,13:1 AAA

Aa #3A66AD auf #FAFFF9 5,63:1 AA

Aa #4C2F7F auf #39CEC2 5,34:1 AA

Aa #FF9B5E auf #4C2F7F 5,00:1 AA

Aa #FCDF76 auf #3A66AD 4,33:1 AA (großer Text)

Aa #C95B40 auf #FAFFF9 4,10:1 AA (großer Text)

Aa #332422 auf #C95B40 3,57:1 AA (großer Text)

Aa #C95B40 auf #FCDF76 3,16:1 AA (großer Text)

Aa #3A66AD auf #39CEC2 2,93:1 Nicht bestanden

Aa #FF9B5E auf #3A66AD 2,74:1 Nicht bestanden

Aa #332422 auf #3A66AD 2,60:1 Nicht bestanden

Aa #C95B40 auf #4C2F7F 2,50:1 Nicht bestanden

Aa #C95B40 auf #39CEC2 2,13:1 Nicht bestanden

Aa #FF9B5E auf #FAFFF9 2,05:1 Nicht bestanden

Aa #C95B40 auf #FF9B5E 2,00:1 Nicht bestanden

Aa #39CEC2 auf #FAFFF9 1,92:1 Nicht bestanden

Aa #4C2F7F auf #3A66AD 1,82:1 Nicht bestanden

Aa #FF9B5E auf #FCDF76 1,58:1 Nicht bestanden

Aa #FCDF76 auf #39CEC2 1,48:1 Nicht bestanden

Aa #332422 auf #4C2F7F 1,43:1 Nicht bestanden

Aa #C95B40 auf #3A66AD 1,37:1 Nicht bestanden

Aa #FCDF76 auf #FAFFF9 1,30:1 Nicht bestanden

Aa #FF9B5E auf #39CEC2 1,07:1 Nicht bestanden

Cold War 8

Cold War 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen