Molten God 7

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Molten God 7

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 7 Farben Warm Gemischt Analog green orange 7 dark

Likes 18

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #232A28;
  --c-vibrant-2: #36413E;
  --c-vibrant-3: #DA1B2B;
  --c-vibrant-4: #EA5B39;
  --c-vibrant-5: #E9850C;
  --c-vibrant-6: #F9A03F;
  --c-vibrant-7: #F0E1BC;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Clover Honey (#F0E1BC) bis zum dunkelsten Ton Charleston Green (#232A28). Sie vereint Charleston Green, Dying Light, Red Hot Chili Pepper, Day Glow Orange, Mimolette Orange, Double Dragon und Clover Honey in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #232A28 auf #F0E1BC mit 11,3:1.

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

Farben im Detail

Charleston Green #232A28

RGB: rgb(35, 42, 40)
HSL: hsl(163, 9%, 15%)
Luminanz: 0,022

Dying Light #36413E

RGB: rgb(54, 65, 62)
HSL: hsl(164, 9%, 23%)
Luminanz: 0,049

Red Hot Chili Pepper #DA1B2B

RGB: rgb(218, 27, 43)
HSL: hsl(355, 78%, 48%)
Luminanz: 0,159

Day Glow Orange #EA5B39

RGB: rgb(234, 91, 57)
HSL: hsl(12, 81%, 57%)
Luminanz: 0,253

Mimolette Orange #E9850C

RGB: rgb(233, 133, 12)
HSL: hsl(33, 90%, 48%)
Luminanz: 0,341

Double Dragon #F9A03F

RGB: rgb(249, 160, 63)
HSL: hsl(31, 94%, 61%)
Luminanz: 0,456

Clover Honey #F0E1BC

RGB: rgb(240, 225, 188)
HSL: hsl(43, 63%, 84%)
Luminanz: 0,760

Kontrast & Barrierefreiheit

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

Aa #232A28 auf #F0E1BC 11,30:1 AAA

Aa #36413E auf #F0E1BC 8,17:1 AAA

Aa #232A28 auf #F9A03F 7,07:1 AAA

Aa #232A28 auf #E9850C 5,46:1 AA

Aa #36413E auf #F9A03F 5,11:1 AA

Aa #232A28 auf #EA5B39 4,22:1 AA (großer Text)

Aa #36413E auf #E9850C 3,95:1 AA (großer Text)

Aa #DA1B2B auf #F0E1BC 3,88:1 AA (großer Text)

Aa #36413E auf #EA5B39 3,05:1 AA (großer Text)

Aa #232A28 auf #DA1B2B 2,91:1 Nicht bestanden

Aa #EA5B39 auf #F0E1BC 2,68:1 Nicht bestanden

Aa #DA1B2B auf #F9A03F 2,43:1 Nicht bestanden

Aa #36413E auf #DA1B2B 2,10:1 Nicht bestanden

Aa #E9850C auf #F0E1BC 2,07:1 Nicht bestanden

Aa #DA1B2B auf #E9850C 1,88:1 Nicht bestanden

Aa #EA5B39 auf #F9A03F 1,67:1 Nicht bestanden

Aa #F9A03F auf #F0E1BC 1,60:1 Nicht bestanden

Aa #DA1B2B auf #EA5B39 1,45:1 Nicht bestanden

Aa #232A28 auf #36413E 1,38:1 Nicht bestanden

Aa #EA5B39 auf #E9850C 1,29:1 Nicht bestanden

Aa #E9850C auf #F9A03F 1,29:1 Nicht bestanden

Molten God 7

Molten God 7

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen