Crimson Farbcode (#dc143c)

Crimson ist #dc143c im Hex-Format und rgb(220, 20, 60) – ein mittleres Rot. Unten findest du alle Farbformate, Tints und Shades, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Crimson
#dc143c
CSS-Namecrimson
Hex#dc143c
RGBrgb(220, 20, 60)
HSLhsl(348 83% 47%)
HWBhwb(348 8% 14%)
CMYK0%, 91%, 73%, 14%

Tints und Shades

Farbharmonien

Über Crimson

Crimson (crimson) ist ein mittleres, kräftiges Rot mit dem Hex-Code #dc143c oder rgb(220, 20, 60). Im HSL-Modell liegt er bei einem Farbton von 348°, 83 % Sättigung und 47 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: crimson; statt des Hex-Werts schreiben.

Crimson für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Crimson-Text auf Weiß4.99 : 1AA
Crimson-Text auf Schwarz4.21 : 1nur AA für große Schrift

Auf einem Crimson-Hintergrund nimmst du am besten weißen Text (4.99 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen kannst du mit dem Kontrast-Checker prüfen.

CSS

.element {
  color: crimson;               /* or #dc143c */
  background-color: #dc143c;
  border: 1px solid rgb(220 20 60 / 50%);
}

Ähnliche benannte Farben

Fire Brick (#b22222), Braun (#a52a2a), Rot (#ff0000), Mittleres Violettrot (#c71585), Indisches Rot (#cd5c5c), Orangerot (#ff4500).

Häufige Fragen

Wie lautet der Hex-Code für Crimson?
#dc143c – das entspricht rgb(220, 20, 60) und hsl(348, 83%, 47%). In CSS kannst du auch einfach crimson schreiben.
Ist Crimson-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 4.99 : 1 und erfüllt damit WCAG AA für normalen Text.
Welche Farben passen gut zu Crimson?
Die Komplementärfarbe ist #14dbb4; die analogen Farben #db14a0 und #db5014 liegen im Farbkreis direkt daneben.