#969357

#969357

Color Values

HEX

#969357

RGB

150, 147, 87

HSL

57.1, 26.6%, 46.5%

HSV

57.1, 42.0%, 58.8%

CMYK

0.0%, 2.0%, 42.0%, 41.2%

OKLCH

0.6517 0.081 105.9

Properties

Warm Light Nearest: khaki 4

Color Harmonies

Complementary

#969357

#575A96

Analogous

#967457

#7A9657

#969357

Triadic

#969357

#579693

#935796

Split Complementary

#969357

#577A96

#745796

Tetradic

#969357

#579674

#575A96

#96577A

Color Blindness Simulation

Original

#969357

Protanopia

#959566

Deuteranopia

#959569

Tritanopia

#967174

Achromatopsia

#8F8F8F

CSS Usage

background-color: #969357;
color: #969357;
border-color: #969357;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E5E4D2
300
#D2D1B2
400
#BAB788
500
#A19E5E
600
#817F4B
700
#67653C
800
#514F2F
900
#3C3B25
950
#262517

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

6.61: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