Startseite Farbpaletten Cumulonimbus 6

Cumulonimbus 6

Palette mit 6 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Cumulonimbus 6

Palette mit 6 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 6 Farben Kühl Gemischt Komplementär dark yellow grey cloudy

Likes 28

Farben 6

CSS-Variablen

:root {
  --c-muted-1: #F4BC1B;
  --c-muted-2: #9BA2A1;
  --c-muted-3: #657C8E;
  --c-muted-4: #4C5176;
  --c-muted-5: #411973;
  --c-muted-6: #190926;
}

Über diese Palette

Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton Golden Lock (#F4BC1B) bis zum dunkelsten Ton Meški Black (#190926). Sie vereint Golden Lock, Grey River Rock, Pier 17 Steel, Provocative, Explorer of the Galaxies und Meški Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F4BC1B auf #190926 mit 10,88:1.

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

Farben im Detail

Golden Lock #F4BC1B

RGB: rgb(244, 188, 27)
HSL: hsl(45, 91%, 53%)
Luminanz: 0,553

Grey River Rock #9BA2A1

RGB: rgb(155, 162, 161)
HSL: hsl(171, 4%, 62%)
Luminanz: 0,354

Pier 17 Steel #657C8E

RGB: rgb(101, 124, 142)
HSL: hsl(206, 17%, 48%)
Luminanz: 0,191

Provocative #4C5176

RGB: rgb(76, 81, 118)
HSL: hsl(233, 22%, 38%)
Luminanz: 0,087

Explorer of the Galaxies #411973

RGB: rgb(65, 25, 115)
HSL: hsl(267, 64%, 27%)
Luminanz: 0,031

Meški Black #190926

RGB: rgb(25, 9, 38)
HSL: hsl(273, 62%, 9%)
Luminanz: 0,005

Kontrast & Barrierefreiheit

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

Aa #F4BC1B auf #190926 10,88:1 AAA

Aa #F4BC1B auf #411973 7,48:1 AAA

Aa #9BA2A1 auf #190926 7,29:1 AAA

Aa #9BA2A1 auf #411973 5,01:1 AA

Aa #F4BC1B auf #4C5176 4,39:1 AA (großer Text)

Aa #657C8E auf #190926 4,35:1 AA (großer Text)

Aa #657C8E auf #411973 3,00:1 AA (großer Text)

Aa #9BA2A1 auf #4C5176 2,94:1 Nicht bestanden

Aa #F4BC1B auf #657C8E 2,50:1 Nicht bestanden

Aa #4C5176 auf #190926 2,48:1 Nicht bestanden

Aa #657C8E auf #4C5176 1,76:1 Nicht bestanden

Aa #4C5176 auf #411973 1,70:1 Nicht bestanden

Aa #9BA2A1 auf #657C8E 1,67:1 Nicht bestanden

Aa #F4BC1B auf #9BA2A1 1,49:1 Nicht bestanden

Aa #411973 auf #190926 1,45:1 Nicht bestanden

Cumulonimbus 6

Cumulonimbus 6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen