#a4e463 ≈ Inchworm
#a4e463 ist eine Farbe aus der Farbfamilie „Gelbgrün“ mit hoher Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 64,31 % Rot, 89,41 % Grün und 38,82 % Blau; im CMYK-Druck benötigt sie 28,07 % Cyan, 0 % Magenta, 56,58 % Gelb und 10,59 % Schwarz. Ihr Farbtonwinkel beträgt 89,77° bei 70,49 % Sättigung und 64,12 % Helligkeit im HSL-Modell. Sie liegt zwischen warm und kühl und wird oft mit Frische, Wachstum und Vitalität verbunden. Designer verwenden sie häufig für nachhaltige Marken, Gesundheit und Wellness und Markenakzente. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 13,86:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Inchworm (#b2ec5d), ΔE 2,95.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #99cc66 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.6428 |
Schattierungen
#a4e463 schrittweise mit Schwarz gemischt.
Tönungen
#a4e463 schrittweise mit Weiß gemischt.
Abtönungen
#a4e463 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-a4e463 {
color: #a4e463;
}
.bg-a4e463 {
background-color: #a4e463;
color: #000000;
}
.border-a4e463 {
border: 2px solid #a4e463;
}
:root {
--color-primary: #a4e463;
--color-primary-rgb: 164 228 99;
--color-primary-hsl: 90 70% 64%;
}
.gradient-a4e463 {
background: linear-gradient(135deg, #a4e463, #64e463);
}
.shadow-a4e463 {
box-shadow: 0 8px 24px rgb(164 228 99 / 0.35);
}
Inchworm
#a4e463 rgb(164, 228, 99) hsl(90, 70%, 64%) Inchworm
#a363e4 rgb(163, 99, 228) hsl(270, 70%, 64%) Amethyst
#63a4e4 rgb(99, 164, 228) hsl(210, 70%, 64%) Iceberg
#e463a4 rgb(228, 99, 164) hsl(330, 70%, 64%) Thulian Pink