Benannte Farbe · #9FAF6C
Matcha Mecha
Matcha Mecha ist #9FAF6C: rgb(159 175 108), hsl(74 30% 55%), oklch(0.725 0.092 119.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Matcha Mecha color name →
#9FAF6C
oklch(0.725 0.092 119.7)
Farbumrechnungen
- HEX
- #9faf6c
- RGB
- rgb(159 175 108)
- HSL
- hsl(74 30% 55%)
- HWB
- hwb(74 42% 31%)
- OKLCH
- oklch(0.725 0.092 119.7)
- OKLab
- oklab(0.725 -0.046 0.08)
- CIE Lab
- lab(69.01 -13.96 32.38)
- LCH
- lch(69.01 35.27 113.3)
- CMYK
- cmyk(9% 0% 38% 31%)
Tints · Shades · Tones
Tints
- A8B77B
- B1BF8A
- BBC798
- C4CFA7
- CED7B5
- D7DFC4
- E1E7D3
- EBEFE1
- F5F7F0
Shades
- 8A985D
- 75814E
- 616B40
- 4D5632
- 3B4125
- 292E19
- 181C0D
- 090B04
- 010100
Tones
- 9CAA6F
- 99A671
- 95A174
- 929C76
- 8F9878
- 8C937A
- 898E7C
- 86897D
- 83857F
Farbharmonien
Komplementär +180°
- 9FAF6C
Matcha Mecha
- AF99D8
≈ Violet Velvet
Analog -30° +30°
- 9FAF6C
Matcha Mecha
- BDA460
≈ Shutterbug
- 7CB787
≈ Tree Fern
Triadisch +120° +240°
- 9FAF6C
Matcha Mecha
- 6EAEDA
≈ Milky Waves
- D68EA4
≈ Sugar Tooth
Geteilt komplementär +150° +210°
- 9FAF6C
Matcha Mecha
- 8FA4E1
≈ Dalmatian Sage
- C791C2
≈ Pomtini
Tetradisch +90° +180° +270°
- 9FAF6C
Matcha Mecha
- 57B6C6
≈ Aqualogic
- AF99D8
≈ Violet Velvet
- DA9084
≈ Powder Blush
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.38:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.82:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--matcha-mecha: #9faf6c;
--matcha-mecha-rgb: 159 175 108;
--matcha-mecha-oklch: oklch(0.725 0.092 119.7);
}
.element {
color: var(--matcha-mecha);
background-color: hsl(74 30% 55%);
border-color: oklch(0.725 0.092 119.7);
}Tailwind CSS v4
@theme {
--color-matcha-mecha: #9faf6c;
--color-matcha-mecha-50: #f1fadd;
--color-matcha-mecha-100: #e3edcc;
--color-matcha-mecha-200: #cddbb0;
--color-matcha-mecha-300: #afbf8b;
--color-matcha-mecha-400: #98a768;
--color-matcha-mecha-500: #7f8f45;
--color-matcha-mecha-600: #6b793b;
--color-matcha-mecha-700: #56612f;
--color-matcha-mecha-800: #404720;
--color-matcha-mecha-900: #2c3115;
--color-matcha-mecha-950: #191d06;
}SCSS
$matcha-mecha: #9faf6c;
$matcha-mecha-rgb: 159, 175, 108;
$matcha-mecha-light: mix(#fff, $matcha-mecha, 20%);
$matcha-mecha-dark: mix(#000, $matcha-mecha, 20%);
.element {
color: $matcha-mecha;
box-shadow: 0 0 0 2px rgba($matcha-mecha, 0.35);
}