#9FA03C

#9FA03C

Color Values

HEX

#9FA03C

RGB

159, 160, 60

HSL

60.6, 45.5%, 43.1%

HSV

60.6, 62.5%, 62.7%

CMYK

0.6%, 0.0%, 62.5%, 37.3%

OKLCH

0.6853 0.1219 109.8

Properties

Cool Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#9FA03C

#3D3CA0

Analogous

#A06F3C

#6DA03C

#9FA03C

Triadic

#9FA03C

#3C9FA0

#A03C9F

Split Complementary

#9FA03C

#3C6DA0

#6F3CA0

Tetradic

#9FA03C

#3CA06F

#3D3CA0

#A03C6D

Color Blindness Simulation

Original

#9FA03C

Protanopia

#9F9F54

Deuteranopia

#9F9F5A

Tritanopia

#9F676C

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EBECCB
300
#DDDEA6
400
#CBCC76
500
#B8BA45
600
#939438
700
#76772C
800
#5C5D23
900
#44441D
950
#2B2B12

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

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