#7d9ef2 ≈ Cornflower Blue
#7d9ef2 ist eine Farbe aus der Farbfamilie „Blau“ mit hoher Helligkeit und mäßiger Sättigung. Im RGB-Modell besteht sie aus 49,02 % Rot, 61,96 % Grün und 94,9 % Blau; im CMYK-Druck benötigt sie 48,35 % Cyan, 34,71 % Magenta, 0 % Gelb und 5,1 % Schwarz. Ihr Farbtonwinkel beträgt 223,08° bei 81,82 % Sättigung und 71,96 % 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 8,04:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Cornflower Blue (#6495ed), ΔE 4,3.
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.3522 |
Schattierungen
#7d9ef2 schrittweise mit Schwarz gemischt.
Tönungen
#7d9ef2 schrittweise mit Weiß gemischt.
Abtönungen
#7d9ef2 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-7d9ef2 {
color: #7d9ef2;
}
.bg-7d9ef2 {
background-color: #7d9ef2;
color: #000000;
}
.border-7d9ef2 {
border: 2px solid #7d9ef2;
}
:root {
--color-primary: #7d9ef2;
--color-primary-rgb: 125 158 242;
--color-primary-hsl: 223 82% 72%;
}
.gradient-7d9ef2 {
background: linear-gradient(135deg, #7d9ef2, #977df2);
}
.shadow-7d9ef2 {
box-shadow: 0 8px 24px rgb(125 158 242 / 0.35);
}
Cornflower Blue
#7d9ef2 rgb(125, 158, 242) hsl(223, 82%, 72%) Cornflower Blue
#f2d17d rgb(242, 209, 125) hsl(43, 82%, 72%) Jasmine
#f27d9e rgb(242, 125, 158) hsl(343, 82%, 72%) Flamingo Pink
#9ef27d rgb(158, 242, 125) hsl(103, 82%, 72%) Pale Green