#7d9bf1 ≈ Cornflower Blue
#7d9bf1 ist eine Farbe aus der Farbfamilie „Blau“ mit hoher Helligkeit und mäßiger Sättigung. Im RGB-Modell besteht sie aus 49,02 % Rot, 60,78 % Grün und 94,51 % Blau; im CMYK-Druck benötigt sie 48,13 % Cyan, 35,68 % Magenta, 0 % Gelb und 5,49 % Schwarz. Ihr Farbtonwinkel beträgt 224,48° bei 80,56 % Sättigung und 71,76 % Helligkeit im HSL-Modell. Sie ist eine kühle Farbe und wird oft mit Vertrauen, Stabilität und Konzentration verbunden. Designer verwenden sie häufig für Technologieprodukte, Finanzen und Banken und Call-to-Action-Buttons. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 7,83:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Cornflower Blue (#6495ed), ΔE 4,29.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #6699ff |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.3415 |
Schattierungen
#7d9bf1 schrittweise mit Schwarz gemischt.
Tönungen
#7d9bf1 schrittweise mit Weiß gemischt.
Abtönungen
#7d9bf1 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-7d9bf1 {
color: #7d9bf1;
}
.bg-7d9bf1 {
background-color: #7d9bf1;
color: #000000;
}
.border-7d9bf1 {
border: 2px solid #7d9bf1;
}
:root {
--color-primary: #7d9bf1;
--color-primary-rgb: 125 155 241;
--color-primary-hsl: 224 81% 72%;
}
.gradient-7d9bf1 {
background: linear-gradient(135deg, #7d9bf1, #997df1);
}
.shadow-7d9bf1 {
box-shadow: 0 8px 24px rgb(125 155 241 / 0.35);
}
Cornflower Blue
#7d9bf1 rgb(125, 155, 241) hsl(224, 81%, 72%) Cornflower Blue
#f1d37d rgb(241, 211, 125) hsl(44, 81%, 72%) Jasmine
#f17d9b rgb(241, 125, 155) hsl(344, 81%, 72%) Flamingo Pink
#9bf17d rgb(155, 241, 125) hsl(104, 81%, 72%) Light Green