#9F9640

#9F9640

Color Values

HEX

#9F9640

RGB

159, 150, 64

HSL

54.3, 42.6%, 43.7%

HSV

54.3, 59.7%, 62.4%

CMYK

0.0%, 5.7%, 59.7%, 37.6%

OKLCH

0.6634 0.108 103.4

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#9F9640

#40499F

Analogous

#9F6640

#789F40

#9F9640

Triadic

#9F9640

#409F96

#96409F

Split Complementary

#9F9640

#40789F

#66409F

Tetradic

#9F9640

#409F66

#40499F

#9F4078

Color Blindness Simulation

Original

#9F9640

Protanopia

#9B9B55

Deuteranopia

#9C9C5A

Tritanopia

#9F6569

Achromatopsia

#929292

CSS Usage

background-color: #9F9640;
color: #9F9640;
border-color: #9F9640;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FAFAF5
100
#F4F2E7
200
#EBE8CC
300
#DCD7A8
400
#C9C178
500
#B6AB49
600
#91893B
700
#746E2F
800
#5B5625
900
#433F1E
950
#2A2813

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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