#9BA046

#9BA046

Color Values

HEX

#9BA046

RGB

155, 160, 70

HSL

63.3, 39.1%, 45.1%

HSV

63.3, 56.2%, 62.7%

CMYK

3.1%, 0.0%, 56.2%, 37.3%

OKLCH

0.6829 0.114 112.0

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#9BA046

#4B46A0

Analogous

#A07846

#6EA046

#9BA046

Triadic

#9BA046

#469BA0

#A0469B

Split Complementary

#9BA046

#466EA0

#7846A0

Tetradic

#9BA046

#46A078

#4B46A0

#A0466E

Color Blindness Simulation

Original

#9BA046

Protanopia

#9D9D5C

Deuteranopia

#9D9C61

Tritanopia

#9B6D71

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F2F3E7
200
#E8E9CD
300
#D7DAAA
400
#C1C67C
500
#ACB14E
600
#898E3E
700
#6E7232
800
#565927
900
#40411F
950
#282914

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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