Gradient Page

#9B9E8F

#9B9E8F is the HEX color code for
Lemon Grass
#9B9E8F

Lemon Grass

Contrast
Light
Luminance
61%
Color Conversions
Formats for Lemon Grass (#9B9E8F) in various color spaces.
#9B9E8F
155, 158, 143
72°, 7%, 59%
2%, 0%, 9%, 38%
0.692, 0.022, 116.2
--color-lemon-grass: #9B9E8F;

Shades & Tints

#f3f3f1
#dadbd6
#c2c4bb
#a9aca0
#919484
#787b6b
#5d5f53
#42443b
#282924
#0d0e0c
DarkestBaseLightest

Color Harmonies

Complementary

#9B9E8F
#928f9e

Analogous

#9e998f
#9B9E8F
#949e8f

Triadic

#9B9E8F
#8f9b9e
#9e8f9b

Split Complementary

#9B9E8F
#8f949e
#998f9e

UI Component Examples

See how #9B9E8F looks when applied to real interface components.

Interactive Elements
Surface & Accent
Pro Tip!

Use lighter tints for backgrounds to maintain readability while keeping brand identity.

Status Indicator
Active
# CSS Variables
Copy-paste these variables into your global CSS to use this palette instantly.
:root {
  /* Lemon Grass Base */
  --color-primary: #9B9E8F;
  --color-primary-rgb: 155 158 143;
  --color-primary-hsl: 72 7% 59%;
  
  /* Foreground text color based on contrast */
  --color-primary-foreground: #000000;

  /* Shades */
  --color-primary-50:  #f3f3f1;
  --color-primary-100: #dadbd6;
  --color-primary-200: #c2c4bb;
  --color-primary-300: #a9aca0;
  --color-primary-400: #919484;
  --color-primary-500: #787b6b;
  --color-primary-600: #5d5f53;
  --color-primary-700: #42443b;
  --color-primary-800: #282924;
  --color-primary-900: #0d0e0c;
}

Want more?

We hope you enjoyed this color. Keep reading for more amazing colorful content for developers, designers and creators!
View our entire collection of UI gradientsView all our color names
#9B9E8F Hex Color | Lemon Grass sl | UI Color Scheme Generator