#9FAC72

#9FAC72

Color Values

HEX

#9FAC72

RGB

159, 172, 114

HSL

73,4, 25,9%, 56,1%

HSV

73,4, 33,7%, 67,5%

CMYK

7,6%, 0,0%, 33,7%, 32,5%

OKLCH

0,7198 0,0803 118,7

Properties

Cool Light Nearest: RAL 6021 Pale Green

Color Harmonies

Complementary

#9FAC72

#7F72AC

Analogous

#AC9C72

#82AC72

#9FAC72

Triadic

#9FAC72

#729FAC

#AC729F

Split Complementary

#9FAC72

#7282AC

#9C72AC

Tetradic

#9FAC72

#72AC9C

#7F72AC

#AC7282

Color Blindness Simulation

Original

#9FAC72

Protanopia

#A5A580

Deuteranopia

#A4A383

Tritanopia

#A08B8E

Achromatopsia

#A5A5A5

CSS Usage

background-color: #9FAC72;
color: #9FAC72;
border-color: #9FAC72;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8F9F6
100
#EFF1E9
200
#E0E5D2
300
#CBD2B2
400
#AEB988
500
#92A15E
600
#75804C
700
#5D673C
800
#49502F
900
#373C25
950
#232617

Contrast Checker

Text on white

2,44:1

AA Fail AAA Fail

Text on black

8,62: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