#9FA260

#9FA260

Color Values

HEX

#9FA260

RGB

159, 162, 96

HSL

62.7, 26.2%, 50.6%

HSV

62.7, 40.7%, 63.5%

CMYK

1.9%, 0.0%, 40.7%, 36.5%

OKLCH

0.6944 0.0882 110.7

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#9FA260

#6360A2

Analogous

#A28460

#7EA260

#9FA260

Triadic

#9FA260

#609FA2

#A2609F

Split Complementary

#9FA260

#607EA2

#8460A2

Tetradic

#9FA260

#60A284

#6360A2

#A2607E

Color Blindness Simulation

Original

#9FA260

Protanopia

#A0A070

Deuteranopia

#A0A074

Tritanopia

#9F7D7F

Achromatopsia

#9D9D9D

CSS Usage

background-color: #9FA260;
color: #9FA260;
border-color: #9FA260;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E4E5D2
300
#D0D2B2
400
#B7B988
500
#9EA15E
600
#7E814B
700
#65673C
800
#4F502F
900
#3B3C25
950
#252617

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

7.81:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026