Named color · #B2B599
Mountain Green
Mountain Green is #B2B599: rgb(178 181 153), hsl(66 16% 65%), oklch(0.763 0.039 112.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Mountain Green color name →
#B2B599
oklch(0.763 0.039 112.3)
Color conversions
- HEX
- #b2b599
- RGB
- rgb(178 181 153)
- HSL
- hsl(66 16% 65%)
- HWB
- hwb(66 60% 29%)
- OKLCH
- oklch(0.763 0.039 112.3)
- OKLab
- oklab(0.763 -0.015 0.036)
- CIE Lab
- lab(72.87 -4.74 13.96)
- LCH
- lch(72.87 14.74 108.7)
- CMYK
- cmyk(2% 0% 15% 29%)
Tints · Shades · Tones
Tints
- B9BCA3
- C1C3AD
- C8CBB7
- D0D2C1
- D8DACB
- E0E1D5
- E7E8E0
- EFF0EA
- F7F7F4
Shades
- 9A9D84
- 838670
- 6D6F5D
- 57594A
- 434438
- 2F3027
- 1D1D17
- 0C0C08
- 010201
Tones
- ADB097
- A8AA94
- A3A592
- 9E9F8F
- 999A8D
- 94958A
- 8F9088
- 8A8A85
- 858583
Color harmonies
Complementary +180°
- B2B599
Mountain Green
- B2AEC9
≈ Lavender Dream
Analogous -30° +30°
- B2B599
Mountain Green
- BEB097
≈ British Khaki
- A5B9A2
≈ Laurel Green
Triadic +120° +240°
- B2B599
Mountain Green
- 9AB7C7
≈ Country Air
- C7A8B4
≈ Breathtaking Evening
Split-complementary +150° +210°
- B2B599
Mountain Green
- A5B3CB
≈ Kentucky Blue
- BEAAC1
≈ Lavender Frost
Tetradic +90° +180° +270°
- B2B599
Mountain Green
- 96BABD
≈ Casual Day
- B2AEC9
≈ Lavender Dream
- CAA9A7
≈ Lovebug
Contrast & accessibility
Ag
FailOn white
WCAG 2.10:1 · APCA Lc 41
Ag
AAAOn black
WCAG 9.96:1 · APCA Lc 61
Best text color: #000000
WCAG 9.96:1 (AAA) · APCA Lc 61
Contrast pairs
Code snippets
CSS
:root {
--mountain-green: #b2b599;
--mountain-green-rgb: 178 181 153;
--mountain-green-oklch: oklch(0.763 0.039 112.3);
}
.element {
color: var(--mountain-green);
background-color: hsl(66 16% 65%);
border-color: oklch(0.763 0.039 112.3);
}Tailwind CSS v4
@theme {
--color-mountain-green: #b2b599;
--color-mountain-green-50: #f5f7ea;
--color-mountain-green-100: #e7eadb;
--color-mountain-green-200: #d3d6c4;
--color-mountain-green-300: #b7baa4;
--color-mountain-green-400: #9ea187;
--color-mountain-green-500: #86896c;
--color-mountain-green-600: #72745b;
--color-mountain-green-700: #5b5d49;
--color-mountain-green-800: #434434;
--color-mountain-green-900: #2e2f24;
--color-mountain-green-950: #1b1b12;
}SCSS
$mountain-green: #b2b599;
$mountain-green-rgb: 178, 181, 153;
$mountain-green-light: mix(#fff, $mountain-green, 20%);
$mountain-green-dark: mix(#000, $mountain-green, 20%);
.element {
color: $mountain-green;
box-shadow: 0 0 0 2px rgba($mountain-green, 0.35);
}