Ü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
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Cadet-Blue-Text auf Weiß | 3.05 : 1 | nur AA (großer Text) |
| Cadet-Blue-Text auf Schwarz | 6.88 : 1 | AA |
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).
Farbnamen-Finder
Füge einen HEX-Code ein, um den passendsten lesbaren Farbnamen und saubere Token-Namen für dein CSS, SCSS, JavaScript oder deine Tailwind-Konfiguration zu erhalten.