Startseite Farbpaletten Amaryllis Garden 8

Amaryllis Garden 8

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

Zurück zur Bibliothek

Amaryllis Garden 8

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Triadisch green red lightcolor

Likes 25

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #1B050E;
  --c-vibrant-2: #811312;
  --c-vibrant-3: #B92F2E;
  --c-vibrant-4: #CD9A51;
  --c-vibrant-5: #DCDC81;
  --c-vibrant-6: #458112;
  --c-vibrant-7: #76B92E;
  --c-vibrant-8: #D4E7B1;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Lasting Thoughts (#D4E7B1) bis zum dunkelsten Ton Crow (#1B050E). Sie vereint Crow, Grubby Red, Scarlet Beebalm, Sugar Glazed Cashew, Carolina Parakeet, Kelp Forest, Jubilant Meadow und Lasting Thoughts in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1B050E auf #D4E7B1 mit 14,76:1.

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

Farben im Detail

Crow #1B050E

RGB: rgb(27, 5, 14)
HSL: hsl(335, 69%, 6%)
Luminanz: 0,004

Grubby Red #811312

RGB: rgb(129, 19, 18)
HSL: hsl(1, 76%, 29%)
Luminanz: 0,052

Scarlet Beebalm #B92F2E

RGB: rgb(185, 47, 46)
HSL: hsl(0, 60%, 45%)
Luminanz: 0,125

Sugar Glazed Cashew #CD9A51

RGB: rgb(205, 154, 81)
HSL: hsl(35, 55%, 56%)
Luminanz: 0,367

Carolina Parakeet #DCDC81

RGB: rgb(220, 220, 129)
HSL: hsl(60, 57%, 68%)
Luminanz: 0,680

Kelp Forest #458112

RGB: rgb(69, 129, 18)
HSL: hsl(92, 76%, 29%)
Luminanz: 0,170

Jubilant Meadow #76B92E

RGB: rgb(118, 185, 46)
HSL: hsl(89, 60%, 45%)
Luminanz: 0,388

Lasting Thoughts #D4E7B1

RGB: rgb(212, 231, 177)
HSL: hsl(81, 53%, 80%)
Luminanz: 0,743

Kontrast & Barrierefreiheit

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

Aa #1B050E auf #D4E7B1 14,76:1 AAA

Aa #1B050E auf #DCDC81 13,58:1 AAA

Aa #1B050E auf #76B92E 8,14:1 AAA

Aa #811312 auf #D4E7B1 7,79:1 AAA

Aa #1B050E auf #CD9A51 7,76:1 AAA

Aa #811312 auf #DCDC81 7,17:1 AAA

Aa #B92F2E auf #D4E7B1 4,52:1 AA

Aa #811312 auf #76B92E 4,30:1 AA (großer Text)

Aa #B92F2E auf #DCDC81 4,16:1 AA (großer Text)

Aa #1B050E auf #458112 4,10:1 AA (großer Text)

Aa #811312 auf #CD9A51 4,10:1 AA (großer Text)

Aa #458112 auf #D4E7B1 3,60:1 AA (großer Text)

Aa #DCDC81 auf #458112 3,32:1 AA (großer Text)

Aa #1B050E auf #B92F2E 3,27:1 AA (großer Text)

Aa #B92F2E auf #76B92E 2,49:1 Nicht bestanden

Aa #B92F2E auf #CD9A51 2,38:1 Nicht bestanden

Aa #811312 auf #458112 2,16:1 Nicht bestanden

Aa #458112 auf #76B92E 1,99:1 Nicht bestanden

Aa #CD9A51 auf #D4E7B1 1,90:1 Nicht bestanden

Aa #1B050E auf #811312 1,89:1 Nicht bestanden

Aa #CD9A51 auf #458112 1,89:1 Nicht bestanden

Aa #76B92E auf #D4E7B1 1,81:1 Nicht bestanden

Aa #CD9A51 auf #DCDC81 1,75:1 Nicht bestanden

Aa #811312 auf #B92F2E 1,72:1 Nicht bestanden

Aa #DCDC81 auf #76B92E 1,67:1 Nicht bestanden

Aa #B92F2E auf #458112 1,25:1 Nicht bestanden

Aa #DCDC81 auf #D4E7B1 1,09:1 Nicht bestanden

Aa #CD9A51 auf #76B92E 1,05:1 Nicht bestanden

Amaryllis Garden 8