#9FA558

#9FA558

Color Values

HEX

#9FA558

RGB

159, 165, 88

HSL

64.7, 30.4%, 49.6%

HSV

64.7, 46.7%, 64.7%

CMYK

3.6%, 0.0%, 46.7%, 35.3%

OKLCH

0.6998 0.101 112.6

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#9FA558

#5E58A5

Analogous

#A58558

#78A558

#9FA558

Triadic

#9FA558

#589FA5

#A5589F

Split Complementary

#9FA558

#5878A5

#8558A5

Tetradic

#9FA558

#58A585

#5E58A5

#A55878

Color Blindness Simulation

Original

#9FA558

Protanopia

#A2A26B

Deuteranopia

#A1A16F

Tritanopia

#9F797D

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F1F2E9
200
#E4E6D0
300
#D1D4AF
400
#B9BD84
500
#A0A659
600
#808547
700
#676A39
800
#50532C
900
#3C3E23
950
#262716

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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