#969475

#969475

Color Values

HEX

#969475

RGB

150, 148, 117

HSL

56.4, 13.6%, 52.4%

HSV

56.4, 22.0%, 58.8%

CMYK

0.0%, 1.3%, 22.0%, 41.2%

OKLCH

0.6599 0.044 104.5

Properties

Warm Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#969475

#757796

Analogous

#968475

#889675

#969475

Triadic

#969475

#759694

#947596

Split Complementary

#969475

#758896

#847596

Tetradic

#969475

#759684

#757796

#967588

Color Blindness Simulation

Original

#969475

Protanopia

#95957C

Deuteranopia

#95957E

Tritanopia

#968284

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E0E0D6
300
#CAC9B9
400
#ADAC94
500
#918F6E
600
#747258
700
#5D5B47
800
#484737
900
#36362B
950
#22221B

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

6.79:1

AA Pass AAA Fail

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