#9BA159

#9BA159

Color Values

HEX

#9BA159

RGB

155, 161, 89

HSL

65.0, 28.8%, 49.0%

HSV

65.0, 44.7%, 63.1%

CMYK

3.7%, 0.0%, 44.7%, 36.9%

OKLCH

0.6877 0.0956 112.8

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#9BA159

#5F59A1

Analogous

#A18359

#77A159

#9BA159

Triadic

#9BA159

#599BA1

#A1599B

Split Complementary

#9BA159

#5977A1

#8359A1

Tetradic

#9BA159

#59A183

#5F59A1

#A15977

Color Blindness Simulation

Original

#9BA159

Protanopia

#9E9E6A

Deuteranopia

#9D9D6F

Tritanopia

#9B787B

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F1F2E9
200
#E4E6D1
300
#D0D3B0
400
#B7BC85
500
#9EA45B
600
#7E8349
700
#65693A
800
#4F522D
900
#3B3D24
950
#252717

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

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