Named color · #69804B
Woodland Nymph
Woodland Nymph is #69804B: rgb(105 128 75), hsl(86 26% 40%), oklch(0.568 0.081 127.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Woodland Nymph color name →
#69804B
oklch(0.568 0.081 127.9)
Color conversions
- HEX
- #69804b
- RGB
- rgb(105 128 75)
- HSL
- hsl(86 26% 40%)
- HWB
- hwb(86 29% 50%)
- OKLCH
- oklch(0.568 0.081 127.9)
- OKLab
- oklab(0.568 -0.05 0.064)
- CIE Lab
- lab(50.74 -15.92 25.88)
- LCH
- lch(50.74 30.39 121.6)
- CMYK
- cmyk(18% 0% 41% 50%)
Tints · Shades · Tones
Tints
- 778C5C
- 85986E
- 94A57F
- A2B191
- B1BEA3
- C0CBB5
- D0D8C7
- DFE5D9
- EFF2EC
Shades
- 5A6E40
- 4C5D35
- 3E4D2B
- 313D21
- 242E17
- 181F0E
- 0C1206
- 040602
- 000100
Tones
- 6B8051
- 6E8057
- 70805C
- 728061
- 748067
- 77806C
- 798071
- 7B8076
- 7E807B
Color harmonies
Complementary +180°
- 69804B
Woodland Nymph
- 846A9C
≈ Bitter Violet
Analogous -30° +30°
- 69804B
Woodland Nymph
- 84773C
≈ Marsh Grass
- 4A8564
≈ Mallard Green
Triadic +120° +240°
- 69804B
Woodland Nymph
- 4F7BA4
≈ Parisian Blue
- A0626E
≈ Deco Rose
Split-complementary +150° +210°
- 69804B
Woodland Nymph
- 6B72A6
≈ Mountain Flower Mauve
- 966488
≈ Rust Magenta
Tetradic +90° +180° +270°
- 69804B
Woodland Nymph
- 358296
≈ Kings of Sea
- 846A9C
≈ Bitter Violet
- A06654
≈ Warm Up
Contrast & accessibility
Ag
FailOn white
WCAG 4.38:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.78:1 · APCA Lc 31
Best text color: #000000
WCAG 4.78:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--woodland-nymph: #69804b;
--woodland-nymph-rgb: 105 128 75;
--woodland-nymph-oklch: oklch(0.568 0.081 127.9);
}
.element {
color: var(--woodland-nymph);
background-color: hsl(86 26% 40%);
border-color: oklch(0.568 0.081 127.9);
}Tailwind CSS v4
@theme {
--color-woodland-nymph: #69804b;
--color-woodland-nymph-50: #eefae2;
--color-woodland-nymph-100: #dfeed2;
--color-woodland-nymph-200: #c9dcb8;
--color-woodland-nymph-300: #aac095;
--color-woodland-nymph-400: #91a874;
--color-woodland-nymph-500: #779055;
--color-woodland-nymph-600: #657a48;
--color-woodland-nymph-700: #50623a;
--color-woodland-nymph-800: #3b4728;
--color-woodland-nymph-900: #29321b;
--color-woodland-nymph-950: #171d0b;
}SCSS
$woodland-nymph: #69804b;
$woodland-nymph-rgb: 105, 128, 75;
$woodland-nymph-light: mix(#fff, $woodland-nymph, 20%);
$woodland-nymph-dark: mix(#000, $woodland-nymph, 20%);
.element {
color: $woodland-nymph;
box-shadow: 0 0 0 2px rgba($woodland-nymph, 0.35);
}