#ea59ff ≈ Heliotrope
#ea59ff ist eine Farbe aus der Farbfamilie „Magenta“ mit hoher Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 91,76 % Rot, 34,9 % Grün und 100 % Blau; im CMYK-Druck benötigt sie 8,24 % Cyan, 65,1 % Magenta, 0 % Gelb und 0 % Schwarz. Ihr Farbtonwinkel beträgt 292,41° bei 100 % Sättigung und 67,45 % Helligkeit im HSL-Modell. Sie liegt zwischen warm und kühl und wird oft mit Kreativität, Mut und Individualität 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 7,37:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Heliotrope (#df73ff), ΔE 4,07.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #ff66ff |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.3186 |
Schattierungen
#ea59ff schrittweise mit Schwarz gemischt.
Tönungen
#ea59ff schrittweise mit Weiß gemischt.
Abtönungen
#ea59ff schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-ea59ff {
color: #ea59ff;
}
.bg-ea59ff {
background-color: #ea59ff;
color: #000000;
}
.border-ea59ff {
border: 2px solid #ea59ff;
}
:root {
--color-primary: #ea59ff;
--color-primary-rgb: 234 89 255;
--color-primary-hsl: 292 100% 67%;
}
.gradient-ea59ff {
background: linear-gradient(135deg, #ea59ff, #ff59c1);
}
.shadow-ea59ff {
box-shadow: 0 8px 24px rgb(234 89 255 / 0.35);
}
Heliotrope
#ea59ff rgb(234, 89, 255) hsl(292, 100%, 67%) Heliotrope
#6eff59 rgb(110, 255, 89) hsl(112, 100%, 67%) Neon Green
#ffea59 rgb(255, 234, 89) hsl(52, 100%, 67%) Banana Yellow
#59ffea rgb(89, 255, 234) hsl(172, 100%, 67%) Turquoise Blue