Nearest named color · #9E9D6A
#9E9D6A
Nearest named color: Willow Leaf
#9E9D6A (rgb(158 157 106), hsl(59 21% 52%), oklch(0.684 0.07 107.2)) is closest to the named color Willow Leaf. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#9E9D6A
oklch(0.684 0.07 107.2)
Color conversions
- HEX
- #9e9d6a
- RGB
- rgb(158 157 106)
- HSL
- hsl(59 21% 52%)
- HWB
- hwb(59 42% 38%)
- OKLCH
- oklch(0.684 0.07 107.2)
- OKLab
- oklab(0.684 -0.021 0.067)
- CIE Lab
- lab(63.88 -5.66 26.89)
- LCH
- lch(63.88 27.48 101.9)
- CMYK
- cmyk(0% 1% 33% 38%)
Tints · Shades · Tones
Tints
- A7A779
- B1B087
- BABA96
- C4C3A5
- CDCDB3
- D7D7C2
- E1E1D1
- EBEBE0
- F5F5F0
Shades
- 89885B
- 74734D
- 605F3F
- 4D4C31
- 3A3A24
- 292818
- 18180D
- 090904
- 010100
Tones
- 9B9A6D
- 98976F
- 959472
- 929274
- 8F8F76
- 8C8C78
- 89897A
- 86867C
- 83837E
Color harmonies
Complementary +180°
- 9E9D6A
Willow Leaf
- 9693C3
≈ Litmus
Analogous -30° +30°
- 9E9D6A
Willow Leaf
- B29468
≈ Tangled Twine
- 85A47A
≈ Greyish Green
Triadic +120° +240°
- 9E9D6A
Willow Leaf
- 6AA3BB
≈ Pacific Palisade
- BA88A2
≈ A Plum Job
Split-complementary +150° +210°
- 9E9D6A
Willow Leaf
- 7E9BC5
≈ Bel Air Blue
- AB8CB6
≈ East Side
Tetradic +90° +180° +270°
- 9E9D6A
Willow Leaf
- 62A7A8
≈ Veranda
- 9693C3
≈ Litmus
- C1888A
≈ Prophetess
Contrast & accessibility
Ag
FailOn white
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.48:1 · APCA Lc 48
Best text color: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--willow-leaf: #9e9d6a;
--willow-leaf-rgb: 158 157 106;
--willow-leaf-oklch: oklch(0.684 0.07 107.2);
}
.element {
color: var(--willow-leaf);
background-color: hsl(59 21% 52%);
border-color: oklch(0.684 0.07 107.2);
}Tailwind CSS v4
@theme {
--color-willow-leaf: #9e9d6a;
--color-willow-leaf-50: #f6f7e1;
--color-willow-leaf-100: #e9ead0;
--color-willow-leaf-200: #d6d7b5;
--color-willow-leaf-300: #babb92;
--color-willow-leaf-400: #a3a271;
--color-willow-leaf-500: #8b8a52;
--color-willow-leaf-600: #767446;
--color-willow-leaf-700: #5e5d37;
--color-willow-leaf-800: #464427;
--color-willow-leaf-900: #302f1a;
--color-willow-leaf-950: #1d1b0a;
}SCSS
$willow-leaf: #9e9d6a;
$willow-leaf-rgb: 158, 157, 106;
$willow-leaf-light: mix(#fff, $willow-leaf, 20%);
$willow-leaf-dark: mix(#000, $willow-leaf, 20%);
.element {
color: $willow-leaf;
box-shadow: 0 0 0 2px rgba($willow-leaf, 0.35);
}