Nächste benannte Farbe · #9FAF66
#9FAF66
Nächste benannte Farbe: Matcha Mecha
#9FAF66 (rgb(159 175 102), hsl(73 31% 54%), oklch(0.724 0.099 119)) liegt am nächsten an der benannten Farbe Matcha Mecha. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#9FAF66
oklch(0.724 0.099 119)
Farbumrechnungen
- HEX
- #9faf66
- RGB
- rgb(159 175 102)
- HSL
- hsl(73 31% 54%)
- HWB
- hwb(73 40% 31%)
- OKLCH
- oklch(0.724 0.099 119)
- OKLab
- oklab(0.724 -0.048 0.086)
- CIE Lab
- lab(68.93 -14.49 35.37)
- LCH
- lch(68.93 38.22 112.3)
- CMYK
- cmyk(9% 0% 42% 31%)
Tints · Shades · Tones
Tints
- A8B776
- B1BF85
- BBC794
- C4CFA4
- CED7B3
- D7DFC2
- E1E7D1
- EBEFE0
- F5F7F0
Shades
- 8A9858
- 75814A
- 616B3C
- 4D562F
- 3B4123
- 292E17
- 181C0C
- 090B04
- 010100
Tones
- 9CAA6A
- 99A66D
- 95A170
- 929C73
- 8F9876
- 8C9378
- 898E7A
- 86897C
- 83857E
Farbharmonien
Komplementär +180°
- 9FAF66
Matcha Mecha
- AE98DC
≈ Violet Velvet
Analog -30° +30°
- 9FAF66
Matcha Mecha
- BFA359
≈ Nonpareil Apple
- 79B884
≈ Frog Pond
Triadisch +120° +240°
- 9FAF66
Matcha Mecha
- 68AFDD
≈ Sanctuary Spa
- D98CA4
≈ Reflecting Rose
Geteilt komplementär +150° +210°
- 9FAF66
Matcha Mecha
- 8DA3E5
≈ Blue Cue
- C98FC5
≈ Rose Souvenir
Tetradisch +90° +180° +270°
- 9FAF66
Matcha Mecha
- 4DB7C7
≈ Cave Lake
- AE98DC
≈ Violet Velvet
- DD8E82
≈ Coral Banks
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.38:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.79:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.79:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--matcha-mecha: #9faf66;
--matcha-mecha-rgb: 159 175 102;
--matcha-mecha-oklch: oklch(0.724 0.099 119);
}
.element {
color: var(--matcha-mecha);
background-color: hsl(73 31% 54%);
border-color: oklch(0.724 0.099 119);
}Tailwind CSS v4
@theme {
--color-matcha-mecha: #9faf66;
--color-matcha-mecha-50: #f1fadb;
--color-matcha-mecha-100: #e3eec9;
--color-matcha-mecha-200: #cedbac;
--color-matcha-mecha-300: #b0c087;
--color-matcha-mecha-400: #98a762;
--color-matcha-mecha-500: #7f8f3e;
--color-matcha-mecha-600: #6c7935;
--color-matcha-mecha-700: #56612a;
--color-matcha-mecha-800: #40471c;
--color-matcha-mecha-900: #2c3112;
--color-matcha-mecha-950: #191d05;
}SCSS
$matcha-mecha: #9faf66;
$matcha-mecha-rgb: 159, 175, 102;
$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);
}