#9FA063

#9FA063

Color Values

HEX

#9FA063

RGB

159, 160, 99

HSL

61.0, 24.3%, 50.8%

HSV

61.0, 38.1%, 62.7%

CMYK

0.6%, 0.0%, 38.1%, 37.3%

OKLCH

0.6905 0.0821 109.2

Properties

Cool Light Nearest: RAL 1019 Grey Beige

Color Harmonies

Complementary

#9FA063

#6463A0

Analogous

#A08363

#81A063

#9FA063

Triadic

#9FA063

#639FA0

#A0639F

Split Complementary

#9FA063

#6381A0

#8363A0

Tetradic

#9FA063

#63A083

#6463A0

#A06381

Color Blindness Simulation

Original

#9FA063

Protanopia

#9F9F72

Deuteranopia

#9F9F75

Tritanopia

#9F7D80

Achromatopsia

#9B9B9B

CSS Usage

background-color: #9FA063;
color: #9FA063;
border-color: #9FA063;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E4E4D3
300
#D0D1B3
400
#B7B88A
500
#9D9E61
600
#7E7F4D
700
#65653E
800
#4F4F30
900
#3B3B26
950
#252518

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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