#9FA583

#9FA583

Color Values

HEX

#9FA583

RGB

159, 165, 131

HSL

70.6, 15.9%, 58.0%

HSV

70.6, 20.6%, 64.7%

CMYK

3.6%, 0.0%, 20.6%, 35.3%

OKLCH

0.7079 0.0481 115.8

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#9FA583

#8983A5

Analogous

#A59A83

#8EA583

#9FA583

Triadic

#9FA583

#839FA5

#A5839F

Split Complementary

#9FA583

#838EA5

#9A83A5

Tetradic

#9FA583

#83A59A

#8983A5

#A5838E

Color Blindness Simulation

Original

#9FA583

Protanopia

#A2A28B

Deuteranopia

#A1A18D

Tritanopia

#9F9293

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFF0EB
200
#DFE1D6
300
#C8CCB8
400
#AAB092
500
#8D946B
600
#707656
700
#5A5F45
800
#464A36
900
#35372A
950
#21231A

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

8.18:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026