Benannte Farbe · #00EE33
Moping Green
Moping Green ist #00EE33: rgb(0 238 51), hsl(133 100% 47%), oklch(0.824 0.268 143.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Moping Green color name →
#00EE33
oklch(0.824 0.268 143.9)
Farbumrechnungen
- HEX
- #00ee33
- RGB
- rgb(0 238 51)
- HSL
- hsl(133 100% 47%)
- HWB
- hwb(133 0% 7%)
- OKLCH
- oklch(0.824 0.268 143.9)
- OKLab
- oklab(0.824 -0.216 0.158)
- CIE Lab
- lab(82.64 -74.03 68.95)
- LCH
- lch(82.64 101.17 137)
- CMYK
- cmyk(100% 0% 79% 7%)
Tints · Shades · Tones
Tints
- 49F154
- 68F36C
- 81F582
- 96F896
- AAF9A8
- BCFBBA
- CEFCCC
- DFFEDD
- EFFEEE
Shades
- 00CF2B
- 00B123
- 00931C
- 007714
- 005C0D
- 004207
- 002A03
- 001401
- 000300
Tones
- 35E345
- 4AD851
- 58CD5B
- 62C263
- 6AB76A
- 71AD70
- 76A275
- 7A9679
- 7E8B7D
Farbharmonien
Komplementär +180°
- 00EE33
Moping Green
- F7A0FF
≈ Rich Brilliant Lavender
Analog -30° +30°
- 00EE33
Moping Green
- C5D100
≈ Garlic Pesto
- 00E6BD
≈ Aquamarine
Triadisch +120° +240°
- 00EE33
Moping Green
- A9C5FF
≈ Pastel Blue
- FFACA6
≈ Patient Pink
Geteilt komplementär +150° +210°
- 00EE33
Moping Green
- C8B9FF
≈ Lavender Tonic
- FFA7CA
≈ Bazooka Pink
Tetradisch +90° +180° +270°
- 00EE33
Moping Green
- 7CD1FF
≈ Drift on the Sea
- F7A0FF
≈ Rich Brilliant Lavender
- FFB17D
≈ Peach
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.58:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.27:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.27:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--moping-green: #00ee33;
--moping-green-rgb: 0 238 51;
--moping-green-oklch: oklch(0.824 0.268 143.9);
}
.element {
color: var(--moping-green);
background-color: hsl(133 100% 47%);
border-color: oklch(0.824 0.268 143.9);
}Tailwind CSS v4
@theme {
--color-moping-green: #00ee33;
--color-moping-green-50: #c3ffc7;
--color-moping-green-100: #acffb1;
--color-moping-green-200: #81f28c;
--color-moping-green-300: #3dd959;
--color-moping-green-400: #00c300;
--color-moping-green-500: #00ac00;
--color-moping-green-600: #009200;
--color-moping-green-700: #007500;
--color-moping-green-800: #005600;
--color-moping-green-900: #003c00;
--color-moping-green-950: #002500;
}SCSS
$moping-green: #00ee33;
$moping-green-rgb: 0, 238, 51;
$moping-green-light: mix(#fff, $moping-green, 20%);
$moping-green-dark: mix(#000, $moping-green, 20%);
.element {
color: $moping-green;
box-shadow: 0 0 0 2px rgba($moping-green, 0.35);
}