Startseite Farbpaletten Bricks And Green 8

Bricks And Green 8

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

Zurück zur Bibliothek

Bricks And Green 8

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Triadisch orange red brown maroon

Likes 48

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #F4DDD1;
  --c-vibrant-2: #9CD762;
  --c-vibrant-3: #E8B37B;
  --c-vibrant-4: #D2632C;
  --c-vibrant-5: #A32C0F;
  --c-vibrant-6: #5E0000;
  --c-vibrant-7: #78243E;
  --c-vibrant-8: #24061D;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Canyonville (#F4DDD1) bis zum dunkelsten Ton Meški Black (#24061D). Sie vereint Canyonville, Tropical Light, Terra Sol, Harvest Pumpkin, Tabasco, Spikey Red, Caviar Couture und Meški Black 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 #F4DDD1 auf #24061D mit 14,4:1.

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

Farben im Detail

Canyonville #F4DDD1

RGB: rgb(244, 221, 209)
HSL: hsl(21, 61%, 89%)
Luminanz: 0,756

Tropical Light #9CD762

RGB: rgb(156, 215, 98)
HSL: hsl(90, 59%, 61%)
Luminanz: 0,566

Terra Sol #E8B37B

RGB: rgb(232, 179, 123)
HSL: hsl(31, 70%, 70%)
Luminanz: 0,508

Harvest Pumpkin #D2632C

RGB: rgb(210, 99, 44)
HSL: hsl(20, 65%, 50%)
Luminanz: 0,228

Tabasco #A32C0F

RGB: rgb(163, 44, 15)
HSL: hsl(12, 83%, 35%)
Luminanz: 0,096

Spikey Red #5E0000

RGB: rgb(94, 0, 0)
HSL: hsl(0, 100%, 18%)
Luminanz: 0,024

Caviar Couture #78243E

RGB: rgb(120, 36, 62)
HSL: hsl(341, 54%, 31%)
Luminanz: 0,056

Meški Black #24061D

RGB: rgb(36, 6, 29)
HSL: hsl(314, 71%, 8%)
Luminanz: 0,006

Kontrast & Barrierefreiheit

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

Aa #F4DDD1 auf #24061D 14,40:1 AAA

Aa #9CD762 auf #24061D 11,00:1 AAA

Aa #F4DDD1 auf #5E0000 10,92:1 AAA

Aa #E8B37B auf #24061D 9,98:1 AAA

Aa #9CD762 auf #5E0000 8,34:1 AAA

Aa #F4DDD1 auf #78243E 7,60:1 AAA

Aa #E8B37B auf #5E0000 7,56:1 AAA

Aa #9CD762 auf #78243E 5,81:1 AA

Aa #F4DDD1 auf #A32C0F 5,51:1 AA

Aa #E8B37B auf #78243E 5,27:1 AA

Aa #D2632C auf #24061D 4,97:1 AA

Aa #9CD762 auf #A32C0F 4,21:1 AA (großer Text)

Aa #E8B37B auf #A32C0F 3,82:1 AA (großer Text)

Aa #D2632C auf #5E0000 3,77:1 AA (großer Text)

Aa #F4DDD1 auf #D2632C 2,90:1 Nicht bestanden

Aa #D2632C auf #78243E 2,62:1 Nicht bestanden

Aa #A32C0F auf #24061D 2,61:1 Nicht bestanden

Aa #9CD762 auf #D2632C 2,21:1 Nicht bestanden

Aa #E8B37B auf #D2632C 2,01:1 Nicht bestanden

Aa #A32C0F auf #5E0000 1,98:1 Nicht bestanden

Aa #D2632C auf #A32C0F 1,90:1 Nicht bestanden

Aa #78243E auf #24061D 1,90:1 Nicht bestanden

Aa #F4DDD1 auf #E8B37B 1,44:1 Nicht bestanden

Aa #5E0000 auf #78243E 1,44:1 Nicht bestanden

Aa #A32C0F auf #78243E 1,38:1 Nicht bestanden

Aa #5E0000 auf #24061D 1,32:1 Nicht bestanden

Aa #F4DDD1 auf #9CD762 1,31:1 Nicht bestanden

Aa #9CD762 auf #E8B37B 1,10:1 Nicht bestanden

Bricks And Green 8