#4682B4

SteelBlue — Farbcodes & Palette

Q: Was ist der RGB-Wert von SteelBlue?

Der RGB-Wert von SteelBlue (#4682B4) ist rgb(70, 130, 180). Dieser setzt sich aus den Rot-, Grün- und Blau-Kanalwerten auf einer Skala von 0 bis 255 zusammen.

Q: Ist SteelBlue auf weißem Hintergrund barrierefrei?

Das Kontrastverhältnis von SteelBlue (#4682B4) auf weißem (#FFFFFF) Hintergrund beträgt 4.11:1 — AA bestanden (nur großer Text). Auf schwarzem (#000000) Hintergrund beträgt das Kontrastverhältnis 5.11:1 — AA bestanden (Normalstext). WCAG 2.1 fordert 4,5:1 für Normalstext (AA) und 7:1 für erhöhte Barrierefreiheit (AAA).

Q: Welche Farben passen gut zu SteelBlue?

SteelBlue (#4682B4) harmoniert gut mit seiner Komplementärfarbe und Analogtönen. Die Komplementärfarbe ist #B47746, der Analogton bei +30° ist #464BB4 und ein Triadenton ist #B44682. Diese Beziehungen basieren auf der Farbtheorie mit HSL (hsl(207, 44%, 49%)) als Ausgangspunkt.

#4682B4 · rgb(70, 130, 180) · hsl(207, 44%, 49%)

Farbcodes

Format	Wert
HEX	#4682B4
RGB	rgb(70, 130, 180)
HSL	hsl(207, 44%, 49%)

Dunklere Töne von SteelBlue

#3F75A2

#38688F

#315B7D

#294D6A

#224058

#1B3346

#142533

#0D1821

Hellere Töne von SteelBlue

#568FBD

#689BC4

#7BA7CC

#8DB3D3

#A0C0DA

#B2CCE1

#C4D8E8

#D7E4EF

Farbkombinationen & Harmonie

Komplementärfarbe

#B47746

Analog +30°

#464BB4

Analog −30°

#46B4AE

Triade +120°

#B44682

Triade −120°

#82B446

Kontrast & Barrierefreiheit (WCAG 2.1)

vs. Weiß (#FFFFFF)

4.11:1 — AA bestanden (nur großer Text)

vs. Schwarz (#000000)

5.11:1 — AA bestanden (Normalstext)

CSS-Code

.element {
  color: #4682B4;
}

.element-bg {
  background-color: #4682B4;
  color: #000000;
}

.element-border {
  border: 2px solid #4682B4;
}

Über SteelBlue

SteelBlue ist eine mittlere Farbe mit moderater Sättigung, definiert durch den Hex-Code #4682B4. Die genauen Farbmodellwerte sind rgb(70, 130, 180) in RGB und hsl(207, 44%, 49%) in HSL (Farbton 207°, Sättigung 44%, Helligkeit 49%). Auf weißem Hintergrund beträgt das Kontrastverhältnis 4.11:1 — AA bestanden (nur großer Text), auf schwarzem 5.11:1 — AA bestanden (Normalstext). Verwende SteelBlue für UI-Elemente, Hintergründe, Text, Rahmen oder dekorative Akzente. Der Abschnitt mit den dunkleren Tönen zeigt schrittweise dunklere Varianten, während der Streifen mit den helleren Tönen schrittweise hellere Versionen zeigt — beide nützlich für den Aufbau einer tonalen Palette. Die Harmoniefelder bieten Komplementär-, Analog- und Triadenkombinationen basierend auf dem HSL-Farbtonrad.

Diese Farbe interaktiv erkunden, Paletten erstellen oder zwischen Farbformaten konvertieren? Der DevArbor Farbauswahl-Rechner hilft dir dabei.

Farbauswahl öffnen →

Häufig gestellte Fragen

Was ist der RGB-Wert von SteelBlue?

Der RGB-Wert von SteelBlue (#4682B4) ist rgb(70, 130, 180). Rot = rgb(70, 130, 180) steht für die Anteile von Rot, Grün und Blau auf einer Skala von 0 bis 255.

Ist SteelBlue auf weißem Hintergrund barrierefrei?

Das Kontrastverhältnis von SteelBlue auf Weiß (#FFFFFF) beträgt 4.11:1 — AA bestanden (nur großer Text). Auf Schwarz (#000000) beträgt das Kontrastverhältnis 5.11:1 — AA bestanden (Normalstext). WCAG 2.1 fordert 4,5:1 für AA (Normalstext) und 7:1 für AAA.

Welche Farben passen gut zu SteelBlue?

Basierend auf der Farbtheorie harmoniert SteelBlue (hsl(207, 44%, 49%)) gut mit seiner Komplementärfarbe sowie Analog- und Triadentönen. Die genauen Hex-Werte jeder Kombinationsart findest du in den Harmoniefeldern oben.

SteelBlue — Farbcodes &amp; Palette