#9FA580

#9FA580

Color Values

HEX

#9FA580

RGB

159, 165, 128

HSL

69.7, 17.1%, 57.5%

HSV

69.7, 22.4%, 64.7%

CMYK

3.6%, 0.0%, 22.4%, 35.3%

OKLCH

0.7073 0.0521 115.2

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#9FA580

#8680A5

Analogous

#A59980

#8DA580

#9FA580

Triadic

#9FA580

#809FA5

#A5809F

Split Complementary

#9FA580

#808DA5

#9980A5

Tetradic

#9FA580

#80A599

#8680A5

#A5808D

Color Blindness Simulation

Original

#9FA580

Protanopia

#A2A289

Deuteranopia

#A1A18B

Tritanopia

#9F9092

Achromatopsia

#A1A1A1

CSS Usage

background-color: #9FA580;
color: #9FA580;
border-color: #9FA580;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F8F6
100
#EFF0EB
200
#DFE1D5
300
#C9CCB7
400
#ACB191
500
#8E956A
600
#727755
700
#5B6044
800
#474B35
900
#353829
950
#22231A

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

8.17:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026