#969C77

#969C77

Color Values

HEX

#969C77

RGB

150, 156, 119

HSL

69.7, 15.7%, 53.9%

HSV

69.7, 23.7%, 61.2%

CMYK

3.8%, 0.0%, 23.7%, 38.8%

OKLCH

0.678 0.0525 115.3

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#969C77

#7D779C

Analogous

#9C8F77

#839C77

#969C77

Triadic

#969C77

#77969C

#9C7796

Split Complementary

#969C77

#77839C

#8F779C

Tetradic

#969C77

#779C8F

#7D779C

#9C7783

Color Blindness Simulation

Original

#969C77

Protanopia

#999980

Deuteranopia

#989882

Tritanopia

#968789

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFF0EB
200
#DFE1D6
300
#C8CBB8
400
#ABAF92
500
#8D946B
600
#717656
700
#5A5E45
800
#474A36
900
#35372A
950
#22231A

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.32:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026