Benannte Farbe · #E3FF00
Lime Jelly
Lime Jelly ist #E3FF00: rgb(227 255 0), hsl(67 100% 50%), oklch(0.947 0.219 117.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Lime Jelly color name →
#E3FF00
oklch(0.947 0.219 117.5)
Farbumrechnungen
- HEX
- #e3ff00
- RGB
- rgb(227 255 0)
- HSL
- hsl(67 100% 50%)
- HWB
- hwb(67 0% 0%)
- OKLCH
- oklch(0.947 0.219 117.5)
- OKLab
- oklab(0.947 -0.101 0.195)
- CIE Lab
- lab(95.49 -26.92 90.74)
- LCH
- lch(95.49 94.65 106.5)
- CMYK
- cmyk(11% 0% 100% 0%)
Tints · Shades · Tones
Tints
- E5FF4A
- E8FF69
- EAFF82
- EDFF97
- F0FFAB
- F3FFBD
- F6FFCE
- F9FFDF
- FCFFEF
Shades
- C5DE00
- A8BE00
- 8C9E00
- 718000
- 576300
- 3F4800
- 272E00
- 121600
- 030300
Tones
- D8F236
- CEE54B
- C4D859
- B9CB63
- AFBF6B
- A6B272
- 9CA677
- 92997B
- 898C7E
Farbharmonien
Komplementär +180°
- E3FF00
Lime Jelly
- EFEAFF
≈ Placebo Purple
Analog -30° +30°
- E3FF00
Lime Jelly
- FFECBF
≈ Soft Buttercup
- C4FFCA
≈ Toxic Steam
Triadisch +120° +240°
- E3FF00
Lime Jelly
- DCF1FF
≈ Wizard White
- FFE6ED
≈ Nosegay
Geteilt komplementär +150° +210°
- E3FF00
Lime Jelly
- E6EDFF
≈ Brilliant White
- FFE3FE
≈ Fairy Salt
Tetradisch +90° +180° +270°
- E3FF00
Lime Jelly
- C7F8FF
≈ Thin Air
- EFEAFF
≈ Placebo Purple
- FFE7E4
≈ Sheer Rosebud
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.13:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.57:1 · APCA Lc 99
Beste Textfarbe: #000000
WCAG 18.57:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--lime-jelly: #e3ff00;
--lime-jelly-rgb: 227 255 0;
--lime-jelly-oklch: oklch(0.947 0.219 117.5);
}
.element {
color: var(--lime-jelly);
background-color: hsl(67 100% 50%);
border-color: oklch(0.947 0.219 117.5);
}Tailwind CSS v4
@theme {
--color-lime-jelly: #e3ff00;
--color-lime-jelly-50: #edffb8;
--color-lime-jelly-100: #dff39f;
--color-lime-jelly-200: #c9e270;
--color-lime-jelly-300: #abc623;
--color-lime-jelly-400: #96ac00;
--color-lime-jelly-500: #7e9400;
--color-lime-jelly-600: #6b7d00;
--color-lime-jelly-700: #556400;
--color-lime-jelly-800: #414900;
--color-lime-jelly-900: #2d3300;
--color-lime-jelly-950: #1a1e00;
}SCSS
$lime-jelly: #e3ff00;
$lime-jelly-rgb: 227, 255, 0;
$lime-jelly-light: mix(#fff, $lime-jelly, 20%);
$lime-jelly-dark: mix(#000, $lime-jelly, 20%);
.element {
color: $lime-jelly;
box-shadow: 0 0 0 2px rgba($lime-jelly, 0.35);
}