#7f2ae9 ≈ Blue Violet
#7f2ae9 ist eine Farbe aus der Farbfamilie „Violett“ mit mittlerer Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 49,8 % Rot, 16,47 % Grün und 91,37 % Blau; im CMYK-Druck benötigt sie 45,49 % Cyan, 81,97 % Magenta, 0 % Gelb und 8,63 % Schwarz. Ihr Farbtonwinkel beträgt 266,7° bei 81,28 % Sättigung und 53,92 % Helligkeit im HSL-Modell. Sie ist eine kühle Farbe und wird oft mit Fantasie, Spiritualität und Luxus verbunden. Designer verwenden sie häufig für Beauty und Kosmetik, Kreativstudios und Call-to-Action-Buttons. Weißer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 6,16:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Blue Violet (#8a2be2), ΔE 1,96.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #6633ff |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.1205 |
Schattierungen
#7f2ae9 schrittweise mit Schwarz gemischt.
Tönungen
#7f2ae9 schrittweise mit Weiß gemischt.
Abtönungen
#7f2ae9 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-7f2ae9 {
color: #7f2ae9;
}
.bg-7f2ae9 {
background-color: #7f2ae9;
color: #ffffff;
}
.border-7f2ae9 {
border: 2px solid #7f2ae9;
}
:root {
--color-primary: #7f2ae9;
--color-primary-rgb: 127 42 233;
--color-primary-hsl: 267 81% 54%;
}
.gradient-7f2ae9 {
background: linear-gradient(135deg, #7f2ae9, #de2ae9);
}
.shadow-7f2ae9 {
box-shadow: 0 8px 24px rgb(127 42 233 / 0.35);
}
Blue Violet
#7f2ae9 rgb(127, 42, 233) hsl(267, 81%, 54%) Blue Violet
#94e92a rgb(148, 233, 42) hsl(87, 81%, 54%) Inchworm
#e97f2a rgb(233, 127, 42) hsl(27, 81%, 54%) Cadmium Orange
#2ae97f rgb(42, 233, 127) hsl(147, 81%, 54%) Medium Spring Green