Nearest named color · #9CB067
#9CB067
Nearest named color: Matcha Mecha
#9CB067 (rgb(156 176 103), hsl(76 32% 55%), oklch(0.725 0.1 121.5)) is closest to the named color Matcha Mecha. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#9CB067
oklch(0.725 0.1 121.5)
Color conversions
- HEX
- #9cb067
- RGB
- rgb(156 176 103)
- HSL
- hsl(76 32% 55%)
- HWB
- hwb(76 40% 31%)
- OKLCH
- oklch(0.725 0.1 121.5)
- OKLab
- oklab(0.725 -0.052 0.085)
- CIE Lab
- lab(69 -16.08 34.88)
- LCH
- lch(69 38.41 114.8)
- CMYK
- cmyk(11% 0% 41% 31%)
Tints · Shades · Tones
Tints
- A5B877
- AFC086
- B9C895
- C2D0A4
- CCD7B3
- D6DFC2
- E0E7D1
- EAEFE0
- F5F7F0
Shades
- 879959
- 73824B
- 5F6C3D
- 4C5630
- 394223
- 282E17
- 181C0C
- 090B04
- 010100
Tones
- 99AB6A
- 96A66E
- 93A271
- 919D73
- 8E9876
- 8B9378
- 888E7A
- 858A7C
- 83857E
Color harmonies
Complementary +180°
- 9CB067
Matcha Mecha
- B197DB
≈ Violet Velvet
Analogous -30° +30°
- 9CB067
Matcha Mecha
- BDA458
≈ Nonpareil Apple
- 75B886
≈ Frog Pond
Triadic +120° +240°
- 9CB067
Matcha Mecha
- 6AAEDF
≈ Sanctuary Spa
- DA8BA2
≈ Reflecting Rose
Split-complementary +150° +210°
- 9CB067
Matcha Mecha
- 8FA2E5
≈ Dalmatian Sage
- CB8FC3
≈ Pomtini
Tetradic +90° +180° +270°
- 9CB067
Matcha Mecha
- 4CB7CA
≈ Mountain Range Blue
- B197DB
≈ Violet Velvet
- DE8E7F
≈ Mellow Coral
Contrast & accessibility
Ag
FailOn white
WCAG 2.38:1 · APCA Lc 47
Ag
AAAOn black
WCAG 8.81:1 · APCA Lc 55
Best text color: #000000
WCAG 8.81:1 (AAA) · APCA Lc 55
Contrast pairs
Code snippets
CSS
:root {
--matcha-mecha: #9cb067;
--matcha-mecha-rgb: 156 176 103;
--matcha-mecha-oklch: oklch(0.725 0.1 121.5);
}
.element {
color: var(--matcha-mecha);
background-color: hsl(76 32% 55%);
border-color: oklch(0.725 0.1 121.5);
}Tailwind CSS v4
@theme {
--color-matcha-mecha: #9cb067;
--color-matcha-mecha-50: #effbdb;
--color-matcha-mecha-100: #e1eeca;
--color-matcha-mecha-200: #ccdcad;
--color-matcha-mecha-300: #adc087;
--color-matcha-mecha-400: #95a863;
--color-matcha-mecha-500: #7c903f;
--color-matcha-mecha-600: #697a36;
--color-matcha-mecha-700: #54622b;
--color-matcha-mecha-800: #3e471d;
--color-matcha-mecha-900: #2b3113;
--color-matcha-mecha-950: #181d05;
}SCSS
$matcha-mecha: #9cb067;
$matcha-mecha-rgb: 156, 176, 103;
$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);
}