Colore con nome · #A0D404
Matcha Powder
Matcha Powder è #A0D404: rgb(160 212 4), hsl(75 96% 42%), oklch(0.804 0.203 125.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Matcha Powder color name →
#A0D404
oklch(0.804 0.203 125.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- A9D941
- B2DE5E
- BCE277
- C5E78C
- CEEBA1
- D8EFB4
- E2F3C7
- EBF7DA
- F5FBED
Ombre
- 8BB803
- 769D02
- 618301
- 4E6901
- 3B5101
- 293A00
- 192400
- 091000
- 010200
Toni
- 9DCC2F
- 9AC342
- 96BB4F
- 93B35A
- 90AA63
- 8DA26A
- 899A71
- 869176
- 83897C
Armonie di colore
Complementare +180°
- A0D404
Matcha Powder
- D2AAFF
≈ Purple Hepatica
Analogo -30° +30°
- A0D404
Matcha Powder
- E0BD00
≈ Lilikoi
- 00E385
≈ Weird Green
Triadico +120° +240°
- A0D404
Matcha Powder
- 83C6FF
≈ Chromis Damsel Blue
- FF9EB4
≈ Saira Red
Complementare divisa +150° +210°
- A0D404
Matcha Powder
- ADBAFF
≈ Greyish Lavender
- FF93E8
≈ Pink Elephants
Tetradico +90° +180° +270°
- A0D404
Matcha Powder
- 00D5F8
≈ Neon Blue
- D2AAFF
≈ Purple Hepatica
- FFA48C
≈ Tangerine Cream
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.76:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.91:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 11.91:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
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);
}