Mediumblau Farbcode (#0000cd)

Mediumblau ist #0000cd im HEX-Format und rgb(0, 0, 205) – ein mittleres Blau. Unten findest du alle Farbformate, Tönungen und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Mediumblau
#0000cd
CSS-Namemediumblue
Hex#0000cd
RGBrgb(0, 0, 205)
HSLhsl(240 100% 40%)
HWBhwb(240 0% 20%)
CMYK100%, 100%, 0%, 20%

Tönungen und Schattierungen

Farbharmonien

Über Mediumblau

Mediumblau (mediumblue) ist ein mittleres, kräftiges Blau mit dem HEX-Code #0000cd bzw. rgb(0, 0, 205). Im HSL-Modell liegt es bei einem Farbton von 240°, 100 % Sättigung und 40 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser kennt, daher kannst du statt des HEX-Werts auch color: mediumblue; schreiben.

Mediumblau für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Mediumblauer Text auf Weiß11.16 : 1AAA
Mediumblauer Text auf Schwarz1.88 : 1nicht bestanden

Auf einem mittelblauen Hintergrund verwendest du weißen Text (11.16 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Weitere Kombinationen prüfst du mit dem Kontrastprüfer.

CSS

.element {
  color: mediumblue;               /* or #0000cd */
  background-color: #0000cd;
  border: 1px solid rgb(0 0 205 / 50%);
}

Ähnliche benannte Farben

Blau (#0000ff), Dunkelblau (#00008b), Navy (#000080), Mitternachtsblau (#191970), Indigo (#4b0082), Dunkles Schieferblau (#483d8b).

Häufige Fragen

Welcher HEX-Code hat Mediumblau?
#0000cd – das entspricht rgb(0, 0, 205) und hsl(240, 100%, 40%). In CSS kannst du auch einfach mediumblue schreiben.
Ist mediumblauer Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 11.16 : 1 und erfüllt damit WCAG AA für normalen Text.
Welche Farben passen gut zu Mediumblau?
Die Komplementärfarbe ist #cccc00; die analogen Farben #0066cc und #6600cc liegen im Farbkreis direkt daneben.