#a607ff ≈ Vivid Violet
#a607ff ist eine Farbe aus der Farbfamilie „Violett“ mit mittlerer Helligkeit und leuchtender Sättigung. Im RGB-Modell besteht sie aus 65,1 % Rot, 2,75 % Grün und 100 % Blau; im CMYK-Druck benötigt sie 34,9 % Cyan, 97,25 % Magenta, 0 % Gelb und 0 % Schwarz. Ihr Farbtonwinkel beträgt 278,47° bei 100 % Sättigung und 51,37 % 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,13:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Vivid Violet (#9f00ff), ΔE 1,33.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #9900ff |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.1548 |
Schattierungen
#a607ff schrittweise mit Schwarz gemischt.
Tönungen
#a607ff schrittweise mit Weiß gemischt.
Abtönungen
#a607ff schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-a607ff {
color: #a607ff;
}
.bg-a607ff {
background-color: #a607ff;
color: #ffffff;
}
.border-a607ff {
border: 2px solid #a607ff;
}
:root {
--color-primary: #a607ff;
--color-primary-rgb: 166 7 255;
--color-primary-hsl: 278 100% 51%;
}
.gradient-a607ff {
background: linear-gradient(135deg, #a607ff, #ff07dc);
}
.shadow-a607ff {
box-shadow: 0 8px 24px rgb(166 7 255 / 0.35);
}
Vivid Violet
#a607ff rgb(166, 7, 255) hsl(278, 100%, 51%) Vivid Violet
#60ff07 rgb(96, 255, 7) hsl(98, 100%, 51%) Harlequin
#ffa607 rgb(255, 166, 7) hsl(38, 100%, 51%) Orange
#07ffa6 rgb(7, 255, 166) hsl(158, 100%, 51%) Medium Spring Green