#a4e230 ≈ Inchworm
#a4e230 ist eine Farbe aus der Farbfamilie „Gelbgrün“ mit mittlerer Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 64,31 % Rot, 88,63 % Grün und 18,82 % Blau; im CMYK-Druck benötigt sie 27,43 % Cyan, 0 % Magenta, 78,76 % Gelb und 11,37 % Schwarz. Ihr Farbtonwinkel beträgt 80,9° bei 75,42 % Sättigung und 53,73 % 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,5:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Inchworm (#b2ec5d), ΔE 3,91.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #99cc33 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.625 |
Schattierungen
#a4e230 schrittweise mit Schwarz gemischt.
Tönungen
#a4e230 schrittweise mit Weiß gemischt.
Abtönungen
#a4e230 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-a4e230 {
color: #a4e230;
}
.bg-a4e230 {
background-color: #a4e230;
color: #000000;
}
.border-a4e230 {
border: 2px solid #a4e230;
}
:root {
--color-primary: #a4e230;
--color-primary-rgb: 164 226 48;
--color-primary-hsl: 81 75% 54%;
}
.gradient-a4e230 {
background: linear-gradient(135deg, #a4e230, #4be230);
}
.shadow-a4e230 {
box-shadow: 0 8px 24px rgb(164 226 48 / 0.35);
}
Inchworm
#a4e230 rgb(164, 226, 48) hsl(81, 75%, 54%) Inchworm
#6e30e2 rgb(110, 48, 226) hsl(261, 75%, 54%) Electric Indigo
#30a4e2 rgb(48, 164, 226) hsl(201, 75%, 54%) Carolina Blue
#e230a4 rgb(226, 48, 164) hsl(321, 75%, 54%) Shocking Pink