Kornblumenblau Farbcode (#6495ed)

Kornblumenblau ist #6495ed in Hex und rgb(100, 149, 237) – ein helles Blau. Unten findest du alle Farbformate, Tints und Shades, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Kornblumenblau
#6495ed
CSS-Namecornflowerblue
Hex#6495ed
RGBrgb(100, 149, 237)
HSLhsl(219 79% 66%)
HWBhwb(219 39% 7%)
CMYK58%, 37%, 0%, 7%

Tints und Shades

Farbharmonien

Ü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

KombinationKontrastverhältnisWCAG
Kornblumenblauer Text auf Weiß2.97 : 1nicht bestanden
Kornblumenblauer Text auf Schwarz7.06 : 1AAA

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).

Häufige Fragen

Was ist der Hex-Code für Kornblumenblau?
#6495ed – das entspricht rgb(100, 149, 237) und hsl(219, 79%, 66%). In CSS kannst du auch einfach cornflowerblue schreiben.
Ist Kornblumenblau als Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 2.97 : 1 und besteht damit die WCAG-Prüfung nicht – verwende die Farbe besser zur Gestaltung oder auf dunklem Hintergrund.
Welche Farben passen gut zu Kornblumenblau?
Die Komplementärfarbe ist #edbd64; analoge Farben wie #64d8ed und #7864ed liegen im Farbkreis direkt daneben.