#455299 ≈ Sapphire
#455299 ist eine Farbe aus der Farbfamilie „Blau“ mit mittlerer Helligkeit und mäßiger Sättigung. Im RGB-Modell besteht sie aus 27,06 % Rot, 32,16 % Grün und 60 % Blau; im CMYK-Druck benötigt sie 54,9 % Cyan, 46,41 % Magenta, 0 % Gelb und 40 % Schwarz. Ihr Farbtonwinkel beträgt 230,71° bei 37,84 % Sättigung und 43,53 % 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 Markenakzente. Weißer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 7,19:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Sapphire (#0f52ba), ΔE 6,9.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #336699 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.096 |
Schattierungen
#455299 schrittweise mit Schwarz gemischt.
Tönungen
#455299 schrittweise mit Weiß gemischt.
Abtönungen
#455299 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-455299 {
color: #455299;
}
.bg-455299 {
background-color: #455299;
color: #ffffff;
}
.border-455299 {
border: 2px solid #455299;
}
:root {
--color-primary: #455299;
--color-primary-rgb: 69 82 153;
--color-primary-hsl: 231 38% 44%;
}
.gradient-455299 {
background: linear-gradient(135deg, #455299, #624599);
}
.shadow-455299 {
box-shadow: 0 8px 24px rgb(69 82 153 / 0.35);
}
Sapphire
#455299 rgb(69, 82, 153) hsl(231, 38%, 44%) Sapphire
#998c45 rgb(153, 140, 69) hsl(51, 38%, 44%) Olive
#994552 rgb(153, 69, 82) hsl(351, 38%, 44%) Cordovan
#529945 rgb(82, 153, 69) hsl(111, 38%, 44%) Forest Green