Nearest named color · #94AA6B
#94AA6B
Nearest named color: Green Tea Mochi
#94AA6B (rgb(148 170 107), hsl(81 27% 54%), oklch(0.706 0.09 124.3)) is closest to the named color Green Tea Mochi. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#94AA6B
oklch(0.706 0.09 124.3)
Color conversions
- HEX
- #94aa6b
- RGB
- rgb(148 170 107)
- HSL
- hsl(81 27% 54%)
- HWB
- hwb(81 42% 33%)
- OKLCH
- oklch(0.706 0.09 124.3)
- OKLab
- oklab(0.706 -0.051 0.074)
- CIE Lab
- lab(66.75 -16 29.84)
- LCH
- lch(66.75 33.86 118.2)
- CMYK
- cmyk(13% 0% 37% 33%)
Tints · Shades · Tones
Tints
- 9EB27A
- A8BB88
- B3C397
- BDCCA6
- C8D4B4
- D3DDC3
- DEE5D2
- E9EEE1
- F4F6F0
Shades
- 80935C
- 6D7D4E
- 5A683F
- 485332
- 363F25
- 262D18
- 161B0D
- 080B04
- 010100
Tones
- 92A66E
- 90A270
- 8E9D73
- 8C9975
- 8A9577
- 889179
- 868D7B
- 84887D
- 82847E
Color harmonies
Complementary +180°
- 94AA6B
Green Tea Mochi
- AC92CE
≈ Fleur-De-Lis
Analogous -30° +30°
- 94AA6B
Green Tea Mochi
- B2A05D
≈ Antique Gold
- 72B187
≈ Frosted Emerald
Triadic +120° +240°
- 94AA6B
Green Tea Mochi
- 6EA6D4
≈ Polar Ice
- D08899
≈ Can Can
Split-complementary +150° +210°
- 94AA6B
Green Tea Mochi
- 8F9CD8
≈ Portage
- C38BB7
≈ Rock Star Pink
Tetradic +90° +180° +270°
- 94AA6B
Green Tea Mochi
- 55AFC2
≈ Viking
- AC92CE
≈ Fleur-De-Lis
- D28C7B
≈ Zanci
Contrast & accessibility
Ag
FailOn white
WCAG 2.55:1 · APCA Lc 50
Ag
AAAOn black
WCAG 8.22:1 · APCA Lc 52
Best text color: #000000
WCAG 8.22:1 (AAA) · APCA Lc 52
Contrast pairs
Code snippets
CSS
:root {
--green-tea-mochi: #94aa6b;
--green-tea-mochi-rgb: 148 170 107;
--green-tea-mochi-oklch: oklch(0.706 0.09 124.3);
}
.element {
color: var(--green-tea-mochi);
background-color: hsl(81 27% 54%);
border-color: oklch(0.706 0.09 124.3);
}Tailwind CSS v4
@theme {
--color-green-tea-mochi: #94aa6b;
--color-green-tea-mochi-50: #eefadf;
--color-green-tea-mochi-100: #e0eece;
--color-green-tea-mochi-200: #cadcb3;
--color-green-tea-mochi-300: #acc08e;
--color-green-tea-mochi-400: #93a86c;
--color-green-tea-mochi-500: #79904b;
--color-green-tea-mochi-600: #677a40;
--color-green-tea-mochi-700: #526233;
--color-green-tea-mochi-800: #3d4723;
--color-green-tea-mochi-900: #2a3117;
--color-green-tea-mochi-950: #171d08;
}SCSS
$green-tea-mochi: #94aa6b;
$green-tea-mochi-rgb: 148, 170, 107;
$green-tea-mochi-light: mix(#fff, $green-tea-mochi, 20%);
$green-tea-mochi-dark: mix(#000, $green-tea-mochi, 20%);
.element {
color: $green-tea-mochi;
box-shadow: 0 0 0 2px rgba($green-tea-mochi, 0.35);
}