#7e39ea ≈ Blue Violet
#7e39ea ist eine Farbe aus der Farbfamilie „Violett“ mit mittlerer Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 49,41 % Rot, 22,35 % Grün und 91,76 % Blau; im CMYK-Druck benötigt sie 46,15 % Cyan, 75,64 % Magenta, 0 % Gelb und 8,24 % Schwarz. Ihr Farbtonwinkel beträgt 263,39° bei 80,82 % Sättigung und 57,06 % 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 5,74:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Blue Violet (#8a2be2), ΔE 2,85.
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.133 |
Schattierungen
#7e39ea schrittweise mit Schwarz gemischt.
Tönungen
#7e39ea schrittweise mit Weiß gemischt.
Abtönungen
#7e39ea schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-7e39ea {
color: #7e39ea;
}
.bg-7e39ea {
background-color: #7e39ea;
color: #ffffff;
}
.border-7e39ea {
border: 2px solid #7e39ea;
}
:root {
--color-primary: #7e39ea;
--color-primary-rgb: 126 57 234;
--color-primary-hsl: 263 81% 57%;
}
.gradient-7e39ea {
background: linear-gradient(135deg, #7e39ea, #d639ea);
}
.shadow-7e39ea {
box-shadow: 0 8px 24px rgb(126 57 234 / 0.35);
}
Blue Violet
#7e39ea rgb(126, 57, 234) hsl(263, 81%, 57%) Blue Violet
#a5ea39 rgb(165, 234, 57) hsl(83, 81%, 57%) Inchworm
#ea7e39 rgb(234, 126, 57) hsl(23, 81%, 57%) Pumpkin
#39ea7e rgb(57, 234, 126) hsl(143, 81%, 57%) Medium Spring Green