#7e28ea ≈ Blue Violet
#7e28ea ist eine Farbe aus der Farbfamilie „Violett“ mit mittlerer Helligkeit und leuchtender Sättigung. Im RGB-Modell besteht sie aus 49,41 % Rot, 15,69 % Grün und 91,76 % Blau; im CMYK-Druck benötigt sie 46,15 % Cyan, 82,91 % Magenta, 0 % Gelb und 8,24 % Schwarz. Ihr Farbtonwinkel beträgt 266,6° bei 82,2 % Sättigung und 53,73 % 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,22:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Blue Violet (#8a2be2), ΔE 2,2.
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.1189 |
Schattierungen
#7e28ea schrittweise mit Schwarz gemischt.
Tönungen
#7e28ea schrittweise mit Weiß gemischt.
Abtönungen
#7e28ea schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-7e28ea {
color: #7e28ea;
}
.bg-7e28ea {
background-color: #7e28ea;
color: #ffffff;
}
.border-7e28ea {
border: 2px solid #7e28ea;
}
:root {
--color-primary: #7e28ea;
--color-primary-rgb: 126 40 234;
--color-primary-hsl: 267 82% 54%;
}
.gradient-7e28ea {
background: linear-gradient(135deg, #7e28ea, #df28ea);
}
.shadow-7e28ea {
box-shadow: 0 8px 24px rgb(126 40 234 / 0.35);
}
Blue Violet
#7e28ea rgb(126, 40, 234) hsl(267, 82%, 54%) Blue Violet
#94ea28 rgb(148, 234, 40) hsl(87, 82%, 54%) Inchworm
#ea7e28 rgb(234, 126, 40) hsl(27, 82%, 54%) Cadmium Orange
#28ea7e rgb(40, 234, 126) hsl(147, 82%, 54%) Medium Spring Green