Farbinformationen für Helles Stahlblau (Light Steel Blue)

LightSteelBlue (#B0C4DE) ist ein heller Blauton mit mittlerer Sättigung und hoher Helligkeit. Die Farbe wirkt sanft und beruhigend, ideal für dezente Designelemente im Webdesign.

Allgemeine Farbwerte

• Deutscher Name: LightSteelBlue
• Englischer Name: LightSteelBlue
• HEX-Code: #B0C4DE
• CSS/HTML-Schreibweise: lightsteelblue
• RGB-Wert: rgb(176, 196, 222)
• RGB-Aufschlüsselung:
  1. Rotanteil: 69% – mittel ausgeprägt
  2. Grünanteil: 77% – stark ausgeprägt
  3. Blauanteil: 87% – stark ausgeprägt
• CMYK-Wert (Farbverbrauch Drucker):
  1. Cyan: 21%
  2. Magenta: 12%
  3. Gelb: 0%
  4. Schwarz: 13%

Farbzusammensetzung und visuelle Eigenschaften

• Farbklassifikation: Tertiärfarbe
• Farbton-Sättigung-Helligkeit (HSL): hsl(214°, 41%, 78%)
• HSL-Aufschlüsselung:
  1. Farbwinkel: 214° – im Bereich Blau auf dem Farbkreis
  2. Sättigung: 41% – mittlere Farbintensität
  3. Helligkeit: 78% – hell

Farbwirkung und Assoziationen

• Wärmeeinstufung: kalte Farbe
• Komplementärfarben:
  • Beige (#DECAB0)
• Analogfarben:
  • Hellblau (#B3B0DE)
  • Türkis (#B0DBDE)
• Akzentfarben:
  • Rosé (#DEB0C4)
  • Pastellgrün (#C4DEB0)

Farbkombinationen für Webdesign

• Harmonische Kombinationen:
  • Weiß
  • Hellgrau
  • Pastellgelb
• Kontrastreiche Kombinationen:
  • Dunkelblau
  • Schwarz
  • Orange
• Wirkung in Kombination mit:
  • Schwarz: starker Kontrast, betont die Helligkeit von LightSteelBlue
  • Weiß: sanfter Übergang, wirkt beruhigend
  • Grau: neutral, erzeugt ein elegantes Erscheinungsbild

Eignung für Webdesign & UI/UX

• Verwendung als Textfarbe: schlecht – geringe Lesbarkeit auf hellen Hintergründen
• Verwendung für Buttons: mittel – geeignet für dezente Buttons; dunklere Schriftfarbe empfohlen
• Verwendung für Hintergründe: gut – wirkt beruhigend und unaufdringlich
• Verwendung für interaktive Elemente (z. B. Links, Hover-Effekte): geeignet, jedoch sollte auf ausreichenden Kontrast geachtet werden

Barrierefreiheit & Kontraste nach WCAG

• Lesbarkeit auf verschiedenen Hintergründen:
  • Auf Weiß: schlecht
  • Auf Schwarz: gut
  • Auf Grau: mittel
• Für andere Farbkombinationen: Verwende bitte den Kontrastchecker

Darstellung unter verschiedenen Licht- und Display-Bedingungen

• Darstellung unter Tageslicht: wirkt kühl und angenehm
• Darstellung unter Kunstlicht (warm/kalt): unter warmem Licht leicht gedämpft, unter kaltem Licht intensiver
• Veränderungen auf verschiedenen Bildschirmtypen: auf LCD und OLED konsistent; auf unkalibrierten Displays können leichte Abweichungen auftreten

Kulturelle und historische Bedeutungen

• Kulturelle Assoziationen: steht für Ruhe, Vertrauen und Gelassenheit
• Historische Nutzung: häufig in modernen Webdesigns und Benutzeroberflächen verwendet, um eine beruhigende Atmosphäre zu schaffen

Zusammenfassung & Webdesign-Empfehlungen

• Optimal geeignet für:
  • Hintergrundfarben in modernen Webseiten
  • Dezente UI-Elemente wie Karten oder Panels

  ---