Cadet Blue Farbcode (#5f9ea0)

Cadet Blue ist #5f9ea0 im Hex-Format und rgb(95, 158, 160) – ein mittleres Cyan. Unten findest du alle Farbformate, helle und dunkle Abstufungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Cadet Blue
#5f9ea0
CSS-Namecadetblue
Hex#5f9ea0
RGBrgb(95, 158, 160)
HSLhsl(182 25% 50%)
HWBhwb(182 37% 37%)
CMYK41%, 1%, 0%, 37%

Helle und dunkle Abstufungen

Farbharmonien

Über Cadet Blue

Cadet Blue (cadetblue) ist ein mittleres, mäßig gesättigtes Cyan mit dem Hex-Code #5f9ea0 bzw. rgb(95, 158, 160). In HSL liegt es bei einem Farbton von 182°, 25 % Sättigung und 50 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du color: cadetblue; statt des Hex-Werts schreiben kannst.

Cadet Blue für Text und Hintergründe nutzen

KombinationKontrastverhältnisWCAG
Cadet-Blue-Text auf Weiß3.05 : 1nur AA (großer Text)
Cadet-Blue-Text auf Schwarz6.88 : 1AA

Auf einem Cadet-Blue-Hintergrund nimmst du am besten schwarzen Text (6.88 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Andere Kombinationen prüfst du mit dem Contrast Checker.

CSS

.element {
  color: cadetblue;               /* or #5f9ea0 */
  background-color: #5f9ea0;
  border: 1px solid rgb(95 158 160 / 50%);
}

Ähnliche benannte Farben

Helles Schiefergrau (#778899), Schiefergrau (#708090), Stahlblau (#4682b4), Mittleres Aquamarin (#66cdaa), Grau (#808080), Dunkles Meergrün (#8fbc8f).

Häufige Fragen

Wie lautet der Hex-Code für Cadet Blue?
#5f9ea0 – das entspricht rgb(95, 158, 160) und hsl(182, 25%, 50%). In CSS kannst du auch einfach cadetblue schreiben.
Ist Cadet-Blue-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 3.05 : 1. Das reicht nur für großen Text (WCAG AA large).
Welche Farben passen gut zu Cadet Blue?
Die Komplementärfarbe ist #9f6260. Die analogen Farben #609f82 und #607d9f liegen im Farbkreis direkt daneben.