Ü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
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Mediumblauer Text auf Weiß | 11.16 : 1 | AAA |
| Mediumblauer Text auf Schwarz | 1.88 : 1 | nicht 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).
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.