Nearest named color · #9A9C8A
#9A9C8A
Nearest named color: Lemongrass
#9A9C8A (rgb(154 156 138), hsl(67 8% 58%), oklch(0.686 0.026 112.2)) is closest to the named color Lemongrass. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#9A9C8A
oklch(0.686 0.026 112.2)
Color conversions
- HEX
- #9a9c8a
- RGB
- rgb(154 156 138)
- HSL
- hsl(67 8% 58%)
- HWB
- hwb(67 54% 39%)
- OKLCH
- oklch(0.686 0.026 112.2)
- OKLab
- oklab(0.686 -0.01 0.024)
- CIE Lab
- lab(63.81 -3.2 9.21)
- LCH
- lch(63.81 9.75 109.2)
- CMYK
- cmyk(1% 0% 12% 39%)
Tints · Shades · Tones
Tints
- A4A595
- ADAFA0
- B7B9AC
- C1C3B7
- CBCCC3
- D5D6CF
- E0E0DB
- EAEBE7
- F4F5F3
Shades
- 858777
- 717365
- 5E5F53
- 4B4C42
- 393932
- 272822
- 171814
- 090907
- 010101
Tones
- 979989
- 959688
- 929487
- 8F9186
- 8D8E85
- 8A8B84
- 888883
- 858682
- 838381
Color harmonies
Complementary +180°
- 9A9C8A
Lemongrass
- 9A98A9
≈ Machinery
Analogous -30° +30°
- 9A9C8A
Lemongrass
- A29989
≈ Crockery
- 919E90
≈ Balsam Fir
Triadic +120° +240°
- 9A9C8A
Lemongrass
- 8B9DA8
≈ Lost at Sea
- A8949C
≈ Metamorphosis
Split-complementary +150° +210°
- 9A9C8A
Lemongrass
- 929BAB
≈ Ornamental Silver
- A295A4
≈ Fortune
Tetradic +90° +180° +270°
- 9A9C8A
Lemongrass
- 889FA1
≈ Teal Wave
- 9A98A9
≈ Machinery
- AA9493
≈ Sphinx
Contrast & accessibility
Ag
FailOn white
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.49:1 · APCA Lc 48
Best text color: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--lemongrass: #9a9c8a;
--lemongrass-rgb: 154 156 138;
--lemongrass-oklch: oklch(0.686 0.026 112.2);
}
.element {
color: var(--lemongrass);
background-color: hsl(67 8% 58%);
border-color: oklch(0.686 0.026 112.2);
}Tailwind CSS v4
@theme {
--color-lemongrass: #9a9c8a;
--color-lemongrass-50: #f5f6ee;
--color-lemongrass-100: #e7e9df;
--color-lemongrass-200: #d4d6c9;
--color-lemongrass-300: #b7b9aa;
--color-lemongrass-400: #9ea08f;
--color-lemongrass-500: #868875;
--color-lemongrass-600: #717363;
--color-lemongrass-700: #5b5c4f;
--color-lemongrass-800: #434339;
--color-lemongrass-900: #2e2e27;
--color-lemongrass-950: #1b1b15;
}SCSS
$lemongrass: #9a9c8a;
$lemongrass-rgb: 154, 156, 138;
$lemongrass-light: mix(#fff, $lemongrass, 20%);
$lemongrass-dark: mix(#000, $lemongrass, 20%);
.element {
color: $lemongrass;
box-shadow: 0 0 0 2px rgba($lemongrass, 0.35);
}