Benannte Farbe · #A0D404
Matcha Powder
Matcha Powder ist #A0D404: rgb(160 212 4), hsl(75 96% 42%), oklch(0.804 0.203 125.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Matcha Powder color name →
#A0D404
oklch(0.804 0.203 125.5)
Farbumrechnungen
- HEX
- #a0d404
- RGB
- rgb(160 212 4)
- HSL
- hsl(75 96% 42%)
- HWB
- hwb(75 2% 17%)
- OKLCH
- oklch(0.804 0.203 125.5)
- OKLab
- oklab(0.804 -0.118 0.165)
- CIE Lab
- lab(79.06 -34.66 76.15)
- LCH
- lch(79.06 83.66 114.5)
- CMYK
- cmyk(25% 0% 98% 17%)
Tints · Shades · Tones
Tints
- A9D941
- B2DE5E
- BCE277
- C5E78C
- CEEBA1
- D8EFB4
- E2F3C7
- EBF7DA
- F5FBED
Shades
- 8BB803
- 769D02
- 618301
- 4E6901
- 3B5101
- 293A00
- 192400
- 091000
- 010200
Tones
- 9DCC2F
- 9AC342
- 96BB4F
- 93B35A
- 90AA63
- 8DA26A
- 899A71
- 869176
- 83897C
Farbharmonien
Komplementär +180°
- A0D404
Matcha Powder
- D2AAFF
≈ Purple Hepatica
Analog -30° +30°
- A0D404
Matcha Powder
- E0BD00
≈ Lilikoi
- 00E385
≈ Weird Green
Triadisch +120° +240°
- A0D404
Matcha Powder
- 83C6FF
≈ Chromis Damsel Blue
- FF9EB4
≈ Saira Red
Geteilt komplementär +150° +210°
- A0D404
Matcha Powder
- ADBAFF
≈ Greyish Lavender
- FF93E8
≈ Pink Elephants
Tetradisch +90° +180° +270°
- A0D404
Matcha Powder
- 00D5F8
≈ Neon Blue
- D2AAFF
≈ Purple Hepatica
- FFA48C
≈ Tangerine Cream
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.76:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 11.91:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 11.91:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--matcha-powder: #a0d404;
--matcha-powder-rgb: 160 212 4;
--matcha-powder-oklch: oklch(0.804 0.203 125.5);
}
.element {
color: var(--matcha-powder);
background-color: hsl(75 96% 42%);
border-color: oklch(0.804 0.203 125.5);
}Tailwind CSS v4
@theme {
--color-matcha-powder: #a0d404;
--color-matcha-powder-50: #e5ffc2;
--color-matcha-powder-100: #d5f5ac;
--color-matcha-powder-200: #bce584;
--color-matcha-powder-300: #9aca4d;
--color-matcha-powder-400: #82b100;
--color-matcha-powder-500: #669a00;
--color-matcha-powder-600: #578200;
--color-matcha-powder-700: #456800;
--color-matcha-powder-800: #354c00;
--color-matcha-powder-900: #243500;
--color-matcha-powder-950: #132000;
}SCSS
$matcha-powder: #a0d404;
$matcha-powder-rgb: 160, 212, 4;
$matcha-powder-light: mix(#fff, $matcha-powder, 20%);
$matcha-powder-dark: mix(#000, $matcha-powder, 20%);
.element {
color: $matcha-powder;
box-shadow: 0 0 0 2px rgba($matcha-powder, 0.35);
}