Sriracha

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

Zurück zur Bibliothek

Sriracha

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Triadisch food spicy sriracha sauce

Likes 52

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #750500;
  --c-vibrant-2: #BC210A;
  --c-vibrant-3: #CD5532;
  --c-vibrant-4: #F1AF8D;
  --c-vibrant-5: #077D22;
  --c-vibrant-6: #289F4F;
  --c-vibrant-7: #4EC580;
  --c-vibrant-8: #E2E2C0;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Healing Springs (#E2E2C0) bis zum dunkelsten Ton Chaotic Red (#750500). Sie vereint Chaotic Red, Lobster, Bronze Satin, Salmon Slice, Azure Radiance, Militant Vegan, Paris Green und Healing Springs in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #750500 auf #E2E2C0 mit 8,93:1.

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

Farben im Detail

Chaotic Red #750500

RGB: rgb(117, 5, 0)
HSL: hsl(3, 100%, 23%)
Luminanz: 0,039

Lobster #BC210A

RGB: rgb(188, 33, 10)
HSL: hsl(8, 90%, 39%)
Luminanz: 0,118

Bronze Satin #CD5532

RGB: rgb(205, 85, 50)
HSL: hsl(14, 61%, 50%)
Luminanz: 0,197

Salmon Slice #F1AF8D

RGB: rgb(241, 175, 141)
HSL: hsl(20, 78%, 75%)
Luminanz: 0,513

Azure Radiance #077D22

RGB: rgb(7, 125, 34)
HSL: hsl(134, 89%, 26%)
Luminanz: 0,148

Militant Vegan #289F4F

RGB: rgb(40, 159, 79)
HSL: hsl(140, 60%, 39%)
Luminanz: 0,258

Paris Green #4EC580

RGB: rgb(78, 197, 128)
HSL: hsl(145, 51%, 54%)
Luminanz: 0,431

Healing Springs #E2E2C0

RGB: rgb(226, 226, 192)
HSL: hsl(60, 37%, 82%)
Luminanz: 0,744

Kontrast & Barrierefreiheit

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

Aa #750500 auf #E2E2C0 8,93:1 AAA

Aa #750500 auf #F1AF8D 6,33:1 AA

Aa #750500 auf #4EC580 5,41:1 AA

Aa #BC210A auf #E2E2C0 4,72:1 AA

Aa #077D22 auf #E2E2C0 4,00:1 AA (großer Text)

Aa #750500 auf #289F4F 3,47:1 AA (großer Text)

Aa #BC210A auf #F1AF8D 3,35:1 AA (großer Text)

Aa #CD5532 auf #E2E2C0 3,21:1 AA (großer Text)

Aa #BC210A auf #4EC580 2,86:1 Nicht bestanden

Aa #F1AF8D auf #077D22 2,84:1 Nicht bestanden

Aa #750500 auf #CD5532 2,78:1 Nicht bestanden

Aa #289F4F auf #E2E2C0 2,58:1 Nicht bestanden

Aa #077D22 auf #4EC580 2,43:1 Nicht bestanden

Aa #CD5532 auf #F1AF8D 2,28:1 Nicht bestanden

Aa #750500 auf #077D22 2,23:1 Nicht bestanden

Aa #CD5532 auf #4EC580 1,95:1 Nicht bestanden

Aa #750500 auf #BC210A 1,89:1 Nicht bestanden

Aa #BC210A auf #289F4F 1,83:1 Nicht bestanden

Aa #F1AF8D auf #289F4F 1,83:1 Nicht bestanden

Aa #4EC580 auf #E2E2C0 1,65:1 Nicht bestanden

Aa #289F4F auf #4EC580 1,56:1 Nicht bestanden

Aa #077D22 auf #289F4F 1,55:1 Nicht bestanden

Aa #BC210A auf #CD5532 1,47:1 Nicht bestanden

Aa #F1AF8D auf #E2E2C0 1,41:1 Nicht bestanden

Aa #CD5532 auf #077D22 1,25:1 Nicht bestanden

Aa #CD5532 auf #289F4F 1,25:1 Nicht bestanden

Aa #BC210A auf #077D22 1,18:1 Nicht bestanden

Aa #F1AF8D auf #4EC580 1,17:1 Nicht bestanden

Sriracha

Sriracha

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen