#c46dfd ≈ Heliotrope
#c46dfd ist eine Farbe aus der Farbfamilie „Violett“ mit hoher Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 76,86 % Rot, 42,75 % Grün und 99,22 % Blau; im CMYK-Druck benötigt sie 22,53 % Cyan, 56,92 % Magenta, 0 % Gelb und 0,78 % Schwarz. Ihr Farbtonwinkel beträgt 276,25° bei 97,3 % Sättigung und 70,98 % 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. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 6,95:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Heliotrope (#df73ff), ΔE 5,05.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #cc66ff |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.2976 |
Schattierungen
#c46dfd schrittweise mit Schwarz gemischt.
Tönungen
#c46dfd schrittweise mit Weiß gemischt.
Abtönungen
#c46dfd schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-c46dfd {
color: #c46dfd;
}
.bg-c46dfd {
background-color: #c46dfd;
color: #000000;
}
.border-c46dfd {
border: 2px solid #c46dfd;
}
:root {
--color-primary: #c46dfd;
--color-primary-rgb: 196 109 253;
--color-primary-hsl: 276 97% 71%;
}
.gradient-c46dfd {
background: linear-gradient(135deg, #c46dfd, #fd6dee);
}
.shadow-c46dfd {
box-shadow: 0 8px 24px rgb(196 109 253 / 0.35);
}
Heliotrope
#c46dfd rgb(196, 109, 253) hsl(276, 97%, 71%) Heliotrope
#a6fd6d rgb(166, 253, 109) hsl(96, 97%, 71%) Inchworm
#fdc46d rgb(253, 196, 109) hsl(36, 97%, 71%) Topaz
#6dfdc4 rgb(109, 253, 196) hsl(156, 97%, 71%) Aquamarine