#0650aa ≈ Sapphire
#0650aa ist eine Farbe aus der Farbfamilie „Azurblau“ mit geringer Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 2,35 % Rot, 31,37 % Grün und 66,67 % Blau; im CMYK-Druck benötigt sie 96,47 % Cyan, 52,94 % Magenta, 0 % Gelb und 33,33 % Schwarz. Ihr Farbtonwinkel beträgt 212,93° bei 93,18 % Sättigung und 34,51 % Helligkeit im HSL-Modell. Sie ist eine kühle Farbe und wird oft mit Offenheit, Freiheit und Ruhe verbunden. Designer verwenden sie häufig für Technologieprodukte, Finanzen und Banken und Corporate Designs. Weißer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 7,68:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Sapphire (#0f52ba), ΔE 2,39.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #006699 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.0868 |
Schattierungen
#0650aa schrittweise mit Schwarz gemischt.
Tönungen
#0650aa schrittweise mit Weiß gemischt.
Abtönungen
#0650aa schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-0650aa {
color: #0650aa;
}
.bg-0650aa {
background-color: #0650aa;
color: #ffffff;
}
.border-0650aa {
border: 2px solid #0650aa;
}
:root {
--color-primary: #0650aa;
--color-primary-rgb: 6 80 170;
--color-primary-hsl: 213 93% 35%;
}
.gradient-0650aa {
background: linear-gradient(135deg, #0650aa, #0e06aa);
}
.shadow-0650aa {
box-shadow: 0 8px 24px rgb(6 80 170 / 0.35);
}
Sapphire
#0650aa rgb(6, 80, 170) hsl(213, 93%, 35%) Sapphire
#aa6006 rgb(170, 96, 6) hsl(33, 93%, 35%) Ginger
#aa0650 rgb(170, 6, 80) hsl(333, 93%, 35%) Jazzberry Jam
#50aa06 rgb(80, 170, 6) hsl(93, 93%, 35%) Kelly Green