Nearest named color · #A2AD6C
#A2AD6C
Nearest named color: Matcha Mecha
#A2AD6C (rgb(162 173 108), hsl(70 28% 55%), oklch(0.723 0.088 116.5)) is closest to the named color Matcha Mecha. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A2AD6C
oklch(0.723 0.088 116.5)
Color conversions
- HEX
- #a2ad6c
- RGB
- rgb(162 173 108)
- HSL
- hsl(70 28% 55%)
- HWB
- hwb(70 42% 32%)
- OKLCH
- oklch(0.723 0.088 116.5)
- OKLab
- oklab(0.723 -0.039 0.079)
- CIE Lab
- lab(68.68 -11.79 32.03)
- LCH
- lch(68.68 34.14 110.2)
- CMYK
- cmyk(6% 0% 38% 32%)
Tints · Shades · Tones
Tints
- ABB57B
- B4BD8A
- BDC598
- C6CEA7
- CFD6B5
- D9DEC4
- E2E6D3
- ECEEE1
- F5F7F0
Shades
- 8C965D
- 777F4E
- 636A40
- 4F5532
- 3C4125
- 2A2D19
- 191B0D
- 0A0B04
- 010100
Tones
- 9EA96F
- 9BA471
- 97A074
- 949B76
- 919778
- 8D927A
- 8A8E7C
- 87897D
- 83857F
Color harmonies
Complementary +180°
- A2AD6C
Matcha Mecha
- AB9AD7
≈ Biloba Flower
Analogous -30° +30°
- A2AD6C
Matcha Mecha
- BEA263
≈ Shutterbug
- 81B585
≈ Verde
Triadic +120° +240°
- A2AD6C
Matcha Mecha
- 6DAED6
≈ Imrik Blue
- D38EA7
≈ Kiss
Split-complementary +150° +210°
- A2AD6C
Matcha Mecha
- 8CA4DE
≈ Blue Cue
- C392C3
≈ Rose Souvenir
Tetradic +90° +180° +270°
- A2AD6C
Matcha Mecha
- 5AB6C1
≈ Spearfish
- AB9AD7
≈ Biloba Flower
- D89088
≈ Powder Blush
Contrast & accessibility
Ag
FailOn white
WCAG 2.40:1 · APCA Lc 47
Ag
AAAOn black
WCAG 8.73:1 · APCA Lc 55
Best text color: #000000
WCAG 8.73:1 (AAA) · APCA Lc 55
Contrast pairs
Code snippets
CSS
:root {
--matcha-mecha: #a2ad6c;
--matcha-mecha-rgb: 162 173 108;
--matcha-mecha-oklch: oklch(0.723 0.088 116.5);
}
.element {
color: var(--matcha-mecha);
background-color: hsl(70 28% 55%);
border-color: oklch(0.723 0.088 116.5);
}Tailwind CSS v4
@theme {
--color-matcha-mecha: #a2ad6c;
--color-matcha-mecha-50: #f2f9dd;
--color-matcha-mecha-100: #e4edcc;
--color-matcha-mecha-200: #d0dab0;
--color-matcha-mecha-300: #b2be8b;
--color-matcha-mecha-400: #9ba568;
--color-matcha-mecha-500: #838e46;
--color-matcha-mecha-600: #6f783c;
--color-matcha-mecha-700: #586030;
--color-matcha-mecha-800: #424620;
--color-matcha-mecha-900: #2d3015;
--color-matcha-mecha-950: #1a1d07;
}SCSS
$matcha-mecha: #a2ad6c;
$matcha-mecha-rgb: 162, 173, 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);
}