Golden Blues

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Golden Blues

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 8 Farben Kühl Gemischt Triadisch green gameboy blue yellow

Likes 20

Farben 8

CSS-Variablen

:root {
  --c-muted-1: #003238;
  --c-muted-2: #145661;
  --c-muted-3: #267852;
  --c-muted-4: #2D8E3F;
  --c-muted-5: #55A92F;
  --c-muted-6: #71934F;
  --c-muted-7: #A0B054;
  --c-muted-8: #B4C63E;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Rainforest Glow (#B4C63E) bis zum dunkelsten Ton Artist Blue (#003238). Sie vereint Artist Blue, Baltic Trench, Canadian Pine, Green Ribbon, Grass, Drab Green, Pandan Cake und Rainforest Glow in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #003238 auf #B4C63E mit 7,33:1.

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

Farben im Detail

Artist Blue #003238

RGB: rgb(0, 50, 56)
HSL: hsl(186, 100%, 11%)
Luminanz: 0,026

Baltic Trench #145661

RGB: rgb(20, 86, 97)
HSL: hsl(189, 66%, 23%)
Luminanz: 0,077

Canadian Pine #267852

RGB: rgb(38, 120, 82)
HSL: hsl(152, 52%, 31%)
Luminanz: 0,145

Green Ribbon #2D8E3F

RGB: rgb(45, 142, 63)
HSL: hsl(131, 52%, 37%)
Luminanz: 0,203

Grass #55A92F

RGB: rgb(85, 169, 47)
HSL: hsl(101, 56%, 42%)
Luminanz: 0,305

Drab Green #71934F

RGB: rgb(113, 147, 79)
HSL: hsl(90, 30%, 44%)
Luminanz: 0,249

Pandan Cake #A0B054

RGB: rgb(160, 176, 84)
HSL: hsl(70, 37%, 51%)
Luminanz: 0,392

Rainforest Glow #B4C63E

RGB: rgb(180, 198, 62)
HSL: hsl(68, 54%, 51%)
Luminanz: 0,504

Kontrast & Barrierefreiheit

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

Aa #003238 auf #B4C63E 7,33:1 AAA

Aa #003238 auf #A0B054 5,84:1 AA

Aa #003238 auf #55A92F 4,69:1 AA

Aa #145661 auf #B4C63E 4,38:1 AA (großer Text)

Aa #003238 auf #71934F 3,96:1 AA (großer Text)

Aa #145661 auf #A0B054 3,49:1 AA (großer Text)

Aa #003238 auf #2D8E3F 3,34:1 AA (großer Text)

Aa #267852 auf #B4C63E 2,85:1 Nicht bestanden

Aa #145661 auf #55A92F 2,80:1 Nicht bestanden

Aa #003238 auf #267852 2,57:1 Nicht bestanden

Aa #145661 auf #71934F 2,36:1 Nicht bestanden

Aa #267852 auf #A0B054 2,27:1 Nicht bestanden

Aa #2D8E3F auf #B4C63E 2,19:1 Nicht bestanden

Aa #145661 auf #2D8E3F 1,99:1 Nicht bestanden

Aa #71934F auf #B4C63E 1,85:1 Nicht bestanden

Aa #267852 auf #55A92F 1,83:1 Nicht bestanden

Aa #2D8E3F auf #A0B054 1,75:1 Nicht bestanden

Aa #003238 auf #145661 1,67:1 Nicht bestanden

Aa #55A92F auf #B4C63E 1,56:1 Nicht bestanden

Aa #145661 auf #267852 1,54:1 Nicht bestanden

Aa #267852 auf #71934F 1,54:1 Nicht bestanden

Aa #71934F auf #A0B054 1,47:1 Nicht bestanden

Aa #2D8E3F auf #55A92F 1,41:1 Nicht bestanden

Aa #267852 auf #2D8E3F 1,30:1 Nicht bestanden

Aa #A0B054 auf #B4C63E 1,26:1 Nicht bestanden

Aa #55A92F auf #A0B054 1,24:1 Nicht bestanden

Aa #2D8E3F auf #71934F 1,19:1 Nicht bestanden

Aa #55A92F auf #71934F 1,19:1 Nicht bestanden

Golden Blues

Golden Blues

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen