#7df693 ≈ Pale Green
#7df693 ist eine Farbe aus der Farbfamilie „Grün“ mit hoher Helligkeit und mäßiger Sättigung. Im RGB-Modell besteht sie aus 49,02 % Rot, 96,47 % Grün und 57,65 % Blau; im CMYK-Druck benötigt sie 49,19 % Cyan, 0 % Magenta, 40,24 % Gelb und 3,53 % Schwarz. Ihr Farbtonwinkel beträgt 130,91° bei 87,05 % Sättigung und 72,75 % Helligkeit im HSL-Modell. Sie liegt zwischen warm und kühl und wird oft mit Natur, Gesundheit und Ausgeglichenheit verbunden. Designer verwenden sie häufig für nachhaltige Marken, Gesundheit und Wellness und Call-to-Action-Buttons. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 15,48:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Pale Green (#98fb98), ΔE 2,78.
Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.
| HEX | |
|---|---|
| RGB | |
| RGB in Prozent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Websicher | #66ff99 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binär | |
| Dezimal | |
| Relative Leuchtdichte | 0.7238 |
Schattierungen
#7df693 schrittweise mit Schwarz gemischt.
Tönungen
#7df693 schrittweise mit Weiß gemischt.
Abtönungen
#7df693 schrittweise mit Grau gemischt.
Text in dieser Farbe
Hintergrund in dieser Farbe
Rahmen in dieser Farbe
.text-7df693 {
color: #7df693;
}
.bg-7df693 {
background-color: #7df693;
color: #000000;
}
.border-7df693 {
border: 2px solid #7df693;
}
:root {
--color-primary: #7df693;
--color-primary-rgb: 125 246 147;
--color-primary-hsl: 131 87% 73%;
}
.gradient-7df693 {
background: linear-gradient(135deg, #7df693, #7df6d0);
}
.shadow-7df693 {
box-shadow: 0 8px 24px rgb(125 246 147 / 0.35);
}
Pale Green
#7df693 rgb(125, 246, 147) hsl(131, 87%, 73%) Pale Green
#f67de0 rgb(246, 125, 224) hsl(311, 87%, 73%) Violet
#937df6 rgb(147, 125, 246) hsl(251, 87%, 73%) Medium Purple
#f6937d rgb(246, 147, 125) hsl(11, 87%, 73%) Vivid Tangerine