#9AB061

#9AB061

Color Values

HEX

#9AB061

RGB

154, 176, 97

HSL

76.7, 33.3%, 53.5%

HSV

76.7, 44.9%, 69.0%

CMYK

12.5%, 0.0%, 44.9%, 31.0%

OKLCH

0.7221 0.1076 121.9

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#9AB061

#7761B0

Analogous

#B09E61

#72B061

#9AB061

Triadic

#9AB061

#619AB0

#B0619A

Split Complementary

#9AB061

#6172B0

#9E61B0

Tetradic

#9AB061

#61B09E

#7761B0

#B06172

Color Blindness Simulation

Original

#9AB061

Protanopia

#A4A474

Deuteranopia

#A2A179

Tritanopia

#9B8387

Achromatopsia

#A6A6A6

CSS Usage

background-color: #9AB061;
color: #9AB061;
border-color: #9AB061;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FAF5
100
#EFF2E8
200
#E1E7CF
300
#CBD6AD
400
#AFC081
500
#92AA55
600
#758844
700
#5E6D36
800
#49552B
900
#373F22
950
#232815

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.76:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026