Named color · #769958
Dry Moss
Dry Moss is #769958: rgb(118 153 88), hsl(92 27% 47%), oklch(0.641 0.099 131.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Dry Moss color name →
#769958
oklch(0.641 0.099 131.8)
Color conversions
- HEX
- #769958
- RGB
- rgb(118 153 88)
- HSL
- hsl(92 27% 47%)
- HWB
- hwb(92 35% 40%)
- OKLCH
- oklch(0.641 0.099 131.8)
- OKLab
- oklab(0.641 -0.066 0.074)
- CIE Lab
- lab(59.4 -21.49 29.99)
- LCH
- lch(59.4 36.9 125.6)
- CMYK
- cmyk(23% 0% 42% 40%)
Tints · Shades · Tones
Tints
- 83A369
- 90AD79
- 9EB789
- ABC19A
- B9CBAA
- C6D6BB
- D4E0CC
- E2EADD
- F1F5EE
Shades
- 66844B
- 56703F
- 475D33
- 384A28
- 29381D
- 1C2712
- 0F1709
- 050803
- 010100
Tones
- 77975D
- 789461
- 799266
- 7A8F6A
- 7B8D6E
- 7C8A72
- 7D8875
- 7E8579
- 7F837D
Color harmonies
Complementary +180°
- 769958
Dry Moss
- A07AB8
≈ Lush Lilac
Analogous -30° +30°
- 769958
Dry Moss
- 998E41
≈ Jalapeño
- 4D9F79
≈ Sea Cabbage
Triadic +120° +240°
- 769958
Dry Moss
- 5E90C7
≈ Come Sail Away
- C0727C
≈ Cinnamon Roll
Split-complementary +150° +210°
- 769958
Dry Moss
- 8285C7
≈ Twilight Twinkle
- B6749E
≈ Valentine Heart
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.24:1 · APCA Lc 60
Ag
AAOn black
WCAG 6.46:1 · APCA Lc 42
Best text color: #000000
WCAG 6.46:1 (AA) · APCA Lc 42
Contrast pairs
Code snippets
CSS
:root {
--dry-moss: #769958;
--dry-moss-rgb: 118 153 88;
--dry-moss-oklch: oklch(0.641 0.099 131.8);
}
.element {
color: var(--dry-moss);
background-color: hsl(92 27% 47%);
border-color: oklch(0.641 0.099 131.8);
}Tailwind CSS v4
@theme {
--color-dry-moss: #769958;
--color-dry-moss-50: #eafcdf;
--color-dry-moss-100: #dbf0ce;
--color-dry-moss-200: #c3deb3;
--color-dry-moss-300: #a3c38f;
--color-dry-moss-400: #89ab6d;
--color-dry-moss-500: #6e944c;
--color-dry-moss-600: #5d7d41;
--color-dry-moss-700: #4a6433;
--color-dry-moss-800: #374923;
--color-dry-moss-900: #263317;
--color-dry-moss-950: #141e08;
}SCSS
$dry-moss: #769958;
$dry-moss-rgb: 118, 153, 88;
$dry-moss-light: mix(#fff, $dry-moss, 20%);
$dry-moss-dark: mix(#000, $dry-moss, 20%);
.element {
color: $dry-moss;
box-shadow: 0 0 0 2px rgba($dry-moss, 0.35);
}