#969368

#969368

Color Values

HEX

#969368

RGB

150, 147, 104

HSL

56.1, 18.1%, 49.8%

HSV

56.1, 30.7%, 58.8%

CMYK

0.0%, 2.0%, 30.7%, 41.2%

OKLCH

0.6548 0.06 104.6

Properties

Warm Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#969368

#686B96

Analogous

#967C68

#829668

#969368

Triadic

#969368

#689693

#936896

Split Complementary

#969368

#688296

#7C6896

Tetradic

#969368

#68967C

#686B96

#966882

Color Blindness Simulation

Original

#969368

Protanopia

#959572

Deuteranopia

#959575

Tritanopia

#967B7C

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0F0EA
200
#E2E1D5
300
#CDCBB7
400
#B2B090
500
#979468
600
#787654
700
#605E43
800
#4B4A34
900
#383729
950
#24231A

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.67:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026