#aae768 ≈ Inchworm
#aae768 ist eine Farbe aus der Farbfamilie „Gelbgrün“ mit hoher Helligkeit und mäßiger Sättigung. Im RGB-Modell besteht sie aus 66,67 % Rot, 90,59 % Grün und 40,78 % Blau; im CMYK-Druck benötigt sie 26,41 % Cyan, 0 % Magenta, 54,98 % Gelb und 9,41 % Schwarz. Ihr Farbtonwinkel beträgt 88,82° bei 72,57 % Sättigung und 65,69 % 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 14,34:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Inchworm (#b2ec5d), ΔE 2,44.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #99ff66 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.667 |
Schattierungen
#aae768 schrittweise mit Schwarz gemischt.
Tönungen
#aae768 schrittweise mit Weiß gemischt.
Abtönungen
#aae768 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-aae768 {
color: #aae768;
}
.bg-aae768 {
background-color: #aae768;
color: #000000;
}
.border-aae768 {
border: 2px solid #aae768;
}
:root {
--color-primary: #aae768;
--color-primary-rgb: 170 231 104;
--color-primary-hsl: 89 73% 66%;
}
.gradient-aae768 {
background: linear-gradient(135deg, #aae768, #6be768);
}
.shadow-aae768 {
box-shadow: 0 8px 24px rgb(170 231 104 / 0.35);
}
Inchworm
#aae768 rgb(170, 231, 104) hsl(89, 73%, 66%) Inchworm
#a568e7 rgb(165, 104, 231) hsl(269, 73%, 66%) Medium Purple
#68aae7 rgb(104, 170, 231) hsl(209, 73%, 66%) Iceberg
#e768aa rgb(231, 104, 170) hsl(329, 73%, 66%) Thulian Pink