DevArbor
#4169E1

RoyalBlue — Farbcodes & Palette

#4169E1  ·  rgb(65, 105, 225)  ·  hsl(225, 73%, 57%)

Farbcodes

Format Wert
HEX #4169E1
RGB rgb(65, 105, 225)
HSL hsl(225, 73%, 57%)

Dunklere Töne von RoyalBlue

#2754DD#1F49C7#1B3FAC#173592#132C77#0E225D#0A1842#060F28

Hellere Töne von RoyalBlue

#5377E4#6585E7#7693EA#88A1EC#9AAFEF#ABBDF2#BDCBF5#CED9F7

Farbkombinationen & Harmonie

Komplementärfarbe
#E1B941
Analog +30°
#6941E1
Analog −30°
#41B9E1
Triade +120°
#E14169
Triade −120°
#69E141

Kontrast & Barrierefreiheit (WCAG 2.1)

vs. Weiß (#FFFFFF)
4.85:1 — AA bestanden (Normalstext)
vs. Schwarz (#000000)
4.33:1 — AA bestanden (nur großer Text)

CSS-Code

.element {
  color: #4169E1;
}

.element-bg {
  background-color: #4169E1;
  color: #ffffff;
}

.element-border {
  border: 2px solid #4169E1;
}

Über RoyalBlue

RoyalBlue ist eine mittlere Farbe mit hoher Sättigung, definiert durch den Hex-Code #4169E1. Die genauen Farbmodellwerte sind rgb(65, 105, 225) in RGB und hsl(225, 73%, 57%) in HSL (Farbton 225°, Sättigung 73%, Helligkeit 57%). Auf weißem Hintergrund beträgt das Kontrastverhältnis 4.85:1 — AA bestanden (Normalstext), auf schwarzem 4.33:1 — AA bestanden (nur großer Text). Verwende RoyalBlue 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 RoyalBlue?
Der RGB-Wert von RoyalBlue (#4169E1) ist rgb(65, 105, 225). Rot = rgb(65, 105, 225) steht für die Anteile von Rot, Grün und Blau auf einer Skala von 0 bis 255.
Ist RoyalBlue auf weißem Hintergrund barrierefrei?
Das Kontrastverhältnis von RoyalBlue auf Weiß (#FFFFFF) beträgt 4.85:1 — AA bestanden (Normalstext). Auf Schwarz (#000000) beträgt das Kontrastverhältnis 4.33:1 — AA bestanden (nur großer Text). WCAG 2.1 fordert 4,5:1 für AA (Normalstext) und 7:1 für AAA.
Welche Farben passen gut zu RoyalBlue?
Basierend auf der Farbtheorie harmoniert RoyalBlue (hsl(225, 73%, 57%)) gut mit seiner Komplementärfarbe sowie Analog- und Triadentönen. Die genauen Hex-Werte jeder Kombinationsart findest du in den Harmoniefeldern oben.