#969D77

#969D77

Color Values

HEX

#969D77

RGB

150, 157, 119

HSL

71.1, 16.2%, 54.1%

HSV

71.1, 24.2%, 61.6%

CMYK

4.5%, 0.0%, 24.2%, 38.4%

OKLCH

0.6802 0.054 116.3

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#969D77

#7E779D

Analogous

#9D9177

#839D77

#969D77

Triadic

#969D77

#77969D

#9D7796

Split Complementary

#969D77

#77839D

#91779D

Tetradic

#969D77

#779D91

#7E779D

#9D7783

Color Blindness Simulation

Original

#969D77

Protanopia

#999980

Deuteranopia

#999882

Tritanopia

#968789

Achromatopsia

#999999

CSS Usage

background-color: #969D77;
color: #969D77;
border-color: #969D77;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F8F6
100
#EFF0EB
200
#DFE1D6
300
#C8CCB8
400
#AAB091
500
#8D946B
600
#707755
700
#5A5F44
800
#464A35
900
#353829
950
#21231A

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.39:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026