Benannte Farbe · #A2DB10
Moot Green
Moot Green ist #A2DB10: rgb(162 219 16), hsl(77 86% 46%), oklch(0.822 0.208 126.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Moot Green color name →
#A2DB10
oklch(0.822 0.208 126.4)
Farbumrechnungen
- HEX
- #a2db10
- RGB
- rgb(162 219 16)
- HSL
- hsl(77 86% 46%)
- HWB
- hwb(77 6% 14%)
- OKLCH
- oklch(0.822 0.208 126.4)
- OKLab
- oklab(0.822 -0.123 0.167)
- CIE Lab
- lab(81.21 -36.68 76.69)
- LCH
- lch(81.21 85.01 115.6)
- CMYK
- cmyk(26% 0% 93% 14%)
Tints · Shades · Tones
Tints
- ABDF45
- B4E362
- BDE779
- C7EB8F
- D0EFA3
- D9F2B6
- E2F6C9
- ECF9DB
- F5FCED
Shades
- 8CBE0C
- 77A209
- 638706
- 4F6D04
- 3C5402
- 2A3C01
- 192600
- 0A1100
- 010200
Tones
- 9FD233
- 9BC945
- 98C052
- 94B75C
- 91AE65
- 8EA56C
- 8A9C72
- 879277
- 83897C
Farbharmonien
Komplementär +180°
- A2DB10
Moot Green
- D7B1FF
≈ Light Violet
Analog -30° +30°
- A2DB10
Moot Green
- E5C300
≈ Zhohltyi Yellow
- 00E98D
≈ Weird Green
Triadisch +120° +240°
- A2DB10
Moot Green
- 91CBFF
≈ Clear Sky
- FFA8BA
≈ A Brand New Day
Geteilt komplementär +150° +210°
- A2DB10
Moot Green
- B5C0FF
≈ Dried Lilac
- FF9FE7
≈ Lavender Rose
Tetradisch +90° +180° +270°
- A2DB10
Moot Green
- 25DAFF
≈ Neon Blue
- D7B1FF
≈ Light Violet
- FFAD96
≈ Pink Persimmon
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.65:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.67:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.67:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--moot-green: #a2db10;
--moot-green-rgb: 162 219 16;
--moot-green-oklch: oklch(0.822 0.208 126.4);
}
.element {
color: var(--moot-green);
background-color: hsl(77 86% 46%);
border-color: oklch(0.822 0.208 126.4);
}Tailwind CSS v4
@theme {
--color-moot-green: #a2db10;
--color-moot-green-50: #e3ffc2;
--color-moot-green-100: #d3f6ab;
--color-moot-green-200: #bae583;
--color-moot-green-300: #97cb4b;
--color-moot-green-400: #7fb200;
--color-moot-green-500: #629b00;
--color-moot-green-600: #548300;
--color-moot-green-700: #436900;
--color-moot-green-800: #334c00;
--color-moot-green-900: #233500;
--color-moot-green-950: #122000;
}SCSS
$moot-green: #a2db10;
$moot-green-rgb: 162, 219, 16;
$moot-green-light: mix(#fff, $moot-green, 20%);
$moot-green-dark: mix(#000, $moot-green, 20%);
.element {
color: $moot-green;
box-shadow: 0 0 0 2px rgba($moot-green, 0.35);
}