Named color · #A7D3B7
Glenwood Green
Glenwood Green is #A7D3B7: rgb(167 211 183), hsl(142 33% 74%), oklch(0.828 0.061 156.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Glenwood Green color name →
#A7D3B7
oklch(0.828 0.061 156.9)
Color conversions
- HEX
- #a7d3b7
- RGB
- rgb(167 211 183)
- HSL
- hsl(142 33% 74%)
- HWB
- hwb(142 65% 17%)
- OKLCH
- oklch(0.828 0.061 156.9)
- OKLab
- oklab(0.828 -0.056 0.024)
- CIE Lab
- lab(80.83 -19.16 8.96)
- LCH
- lch(80.83 21.15 154.9)
- CMYK
- cmyk(21% 0% 13% 17%)
Tints · Shades · Tones
Tints
- B0D7BE
- B9DCC5
- C2E0CC
- CAE5D3
- D3E9DB
- DCEDE2
- E5F2E9
- EDF6F0
- F6FBF8
Shades
- 91B79F
- 7B9C87
- 668270
- 52695A
- 3E5145
- 2C3A31
- 1A241E
- 0A100C
- 010202
Tones
- A3CAB1
- 9FC2AC
- 9CB9A6
- 98B1A1
- 94A99B
- 90A096
- 8C9890
- 88908B
- 848885
Color harmonies
Complementary +180°
- A7D3B7
Glenwood Green
- E1B8D5
≈ Posies
Analogous -30° +30°
- A7D3B7
Glenwood Green
- BCCEA4
≈ Spumoni Green
- 9AD4CD
≈ Fountain City
Triadic +120° +240°
- A7D3B7
Glenwood Green
- BCC4EE
≈ Vodka
- EBBAAB
≈ Carnation Coral
Split-complementary +150° +210°
- A7D3B7
Glenwood Green
- D1BDE6
≈ York Plum
- EAB7C0
≈ Peppermint Stick
Tetradic +90° +180° +270°
- A7D3B7
Glenwood Green
- A8CBEC
≈ Baby Bunting
- E1B8D5
≈ Posies
- E2C09D
≈ Tostada
Contrast & accessibility
Ag
FailOn white
WCAG 1.66:1 · APCA Lc 29
Ag
AAAOn black
WCAG 12.64:1 · APCA Lc 74
Best text color: #000000
WCAG 12.64:1 (AAA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--glenwood-green: #a7d3b7;
--glenwood-green-rgb: 167 211 183;
--glenwood-green-oklch: oklch(0.828 0.061 156.9);
}
.element {
color: var(--glenwood-green);
background-color: hsl(142 33% 74%);
border-color: oklch(0.828 0.061 156.9);
}Tailwind CSS v4
@theme {
--color-glenwood-green: #a7d3b7;
--color-glenwood-green-50: #e7fbef;
--color-glenwood-green-100: #d8eee1;
--color-glenwood-green-200: #bfddcb;
--color-glenwood-green-300: #9ec1ac;
--color-glenwood-green-400: #81aa90;
--color-glenwood-green-500: #649376;
--color-glenwood-green-600: #557c64;
--color-glenwood-green-700: #446350;
--color-glenwood-green-800: #314939;
--color-glenwood-green-900: #223227;
--color-glenwood-green-950: #111e15;
}SCSS
$glenwood-green: #a7d3b7;
$glenwood-green-rgb: 167, 211, 183;
$glenwood-green-light: mix(#fff, $glenwood-green, 20%);
$glenwood-green-dark: mix(#000, $glenwood-green, 20%);
.element {
color: $glenwood-green;
box-shadow: 0 0 0 2px rgba($glenwood-green, 0.35);
}