#9EA696

Gray

HEX

RGB

HSL

About #9EA696 Gray

#9EA696 is a gray color. In the RGB color model, it is composed of 158 red, 166 green, and 150 blue. In the HSL color space, it has a hue of 90°, saturation of 8%, and lightness of 62%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With low saturation, it appears muted and subtle.

CSS Code & Gradients

Use #9EA696 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

90°

Hue

8%

Saturation

62%

Lightness

Gray

Color Harmonies

Colors that work well with #9EA696 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #9EA696 against white and black backgrounds.

Aa#9EA696 on White
Contrast Ratio2.52:1
AA AA Large AAA
Aa#9EA696 on Black
Contrast Ratio8.35:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #9EA696 across different color formats.

FormatValue
HEX#9EA696
RGBrgb(158, 166, 150)
HSLhsl(90, 8%, 62%)
RGB Decimal158, 166, 150
RGB Percent62.0%, 65.1%, 58.8%
CMYK (approx.)5%, 0%, 10%, 35%

Related Palettes

12 palettes using #9EA696 or similar colors

#F1C40F#E67E22#E74C3C#95A5A6
#ECF0F1#BDC3C7#95A5A6#7F8C8D
#95A5A6#7F8C8D#34495E#2C3E50
#E67E22#D35400#95A5A6#7F8C8D
#2ECC71#27AE60#95A5A6#7F8C8D
#E8E2E2#F3F0D7#CEE5D0#94B49F
#645F35#848C5A#9DAF83#BBCDB2
#5F593A#878B5A#A1B082#BCD3AC
#665D33#8C9056#A2B082#BDD0AF
#5D563C#909253#A3B082#BECFB0
#5D4E3C#98884D#ACAD85#C7D1AE
#F5F0BB#DBD8AE#A4BC92#73A574