Benannte Farbe · #8EAD2C
Lime Green
Lime Green ist #8EAD2C: rgb(142 173 44), hsl(74 59% 43%), oklch(0.701 0.154 122.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Lime Green color name →
#8EAD2C
oklch(0.701 0.154 122.5)
Farbumrechnungen
- HEX
- #8ead2c
- RGB
- rgb(142 173 44)
- HSL
- hsl(74 59% 43%)
- HWB
- hwb(74 17% 32%)
- OKLCH
- oklch(0.701 0.154 122.5)
- OKLab
- oklab(0.701 -0.083 0.13)
- CIE Lab
- lab(66.62 -24.03 57.9)
- LCH
- lch(66.62 62.69 112.5)
- CMYK
- cmyk(18% 0% 75% 32%)
Tints · Shades · Tones
Tints
- 99B549
- A3BE61
- AEC676
- B9CE8B
- C5D79E
- D0DFB2
- DCE7C5
- E7EFD8
- F3F7EC
Shades
- 7B9625
- 687F1E
- 566A17
- 445511
- 34410A
- 242D05
- 151B02
- 070B01
- 010100
Tones
- 8CA93C
- 8BA448
- 8AA051
- 889C5A
- 879762
- 859369
- 848E6F
- 838975
- 81857B
Farbharmonien
Komplementär +180°
- 8EAD2C
Lime Green
- B285ED
≈ Lavender Blossom
Analog -30° +30°
- 8EAD2C
Lime Green
- BE9B00
≈ Perennial
- 40B96E
≈ Turtle Warrior
Triadisch +120° +240°
- 8EAD2C
Lime Green
- 2BA7F6
≈ Rockman Blue
- EA7196
≈ Loveland
Geteilt komplementär +150° +210°
- 8EAD2C
Lime Green
- 7F96FE
≈ Periwinkle Blue
- D577C8
≈ Purple Kush
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.57:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.16:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.16:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--lime-green: #8ead2c;
--lime-green-rgb: 142 173 44;
--lime-green-oklch: oklch(0.701 0.154 122.5);
}
.element {
color: var(--lime-green);
background-color: hsl(74 59% 43%);
border-color: oklch(0.701 0.154 122.5);
}Tailwind CSS v4
@theme {
--color-lime-green: #8ead2c;
--color-lime-green-50: #ebfdcd;
--color-lime-green-100: #dcf1b9;
--color-lime-green-200: #c6e097;
--color-lime-green-300: #a6c56a;
--color-lime-green-400: #8fac36;
--color-lime-green-500: #759500;
--color-lime-green-600: #637e00;
--color-lime-green-700: #4f6500;
--color-lime-green-800: #3c4900;
--color-lime-green-900: #293300;
--color-lime-green-950: #171e00;
}SCSS
$lime-green: #8ead2c;
$lime-green-rgb: 142, 173, 44;
$lime-green-light: mix(#fff, $lime-green, 20%);
$lime-green-dark: mix(#000, $lime-green, 20%);
.element {
color: $lime-green;
box-shadow: 0 0 0 2px rgba($lime-green, 0.35);
}