#9F9746

#9F9746

Color Values

HEX

#9F9746

RGB

159, 151, 70

HSL

54.6, 38.9%, 44.9%

HSV

54.6, 56.0%, 62.4%

CMYK

0.0%, 5.0%, 56.0%, 37.6%

OKLCH

0.6663 0.1034 103.7

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#9F9746

#464E9F

Analogous

#9F6A46

#7B9F46

#9F9746

Triadic

#9F9746

#469F97

#97469F

Split Complementary

#9F9746

#467B9F

#6A469F

Tetradic

#9F9746

#469F6A

#464E9F

#9F467B

Color Blindness Simulation

Original

#9F9746

Protanopia

#9C9B5A

Deuteranopia

#9C9D5E

Tritanopia

#9F696C

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F2E7
200
#E9E7CD
300
#DAD5AA
400
#C5BF7C
500
#B1A84E
600
#8E873E
700
#716C32
800
#595427
900
#413E1F
950
#292714

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

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