Über Kornblumenblau
Kornblumenblau (cornflowerblue) ist ein helles, kräftiges Blau mit dem Hex-Code #6495ed bzw. rgb(100, 149, 237). In HSL liegt es bei einem Farbton von 219°, 79 % Sättigung und 66 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du statt des Hex-Werts einfach color: cornflowerblue; schreiben kannst.
Kornblumenblau für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Kornblumenblauer Text auf Weiß | 2.97 : 1 | nicht bestanden |
| Kornblumenblauer Text auf Schwarz | 7.06 : 1 | AAA |
Auf einem kornblumenblauen Hintergrund eignet sich Schwarz als Textfarbe (7.06 : 1). WCAG verlangt für Fließtext mindestens 4.5 : 1 und für große Schrift 3 : 1. Weitere Kombinationen kannst du mit dem Kontrast-Checker prüfen.
CSS
.element {
color: cornflowerblue; /* or #6495ed */
background-color: #6495ed;
border: 1px solid rgb(100 149 237 / 50%);
}
Ähnliche benannte Farben
Mittelschieferblau (#7b68ee), Königsblau (#4169e1), Mittelpurpur (#9370db), Himmelblau (#87ceeb), Stahlblau (#4682b4), Schieferblau (#6a5acd).
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.