#96B06D

#96B06D

Color Values

HEX

#96B06D

RGB

150, 176, 109

HSL

83.3, 29.8%, 55.9%

HSV

83.3, 38.1%, 69.0%

CMYK

14.8%, 0.0%, 38.1%, 31.0%

OKLCH

0.7212 0.0956 126.0

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#96B06D

#876DB0

Analogous

#B0A96D

#75B06D

#96B06D

Triadic

#96B06D

#6D96B0

#B06D96

Split Complementary

#96B06D

#6D75B0

#A96DB0

Tetradic

#96B06D

#6DB0A9

#876DB0

#B06D75

Color Blindness Simulation

Original

#96B06D

Protanopia

#A1A17D

Deuteranopia

#A09E81

Tritanopia

#978A8D

Achromatopsia

#A6A6A6

CSS Usage

background-color: #96B06D;
color: #96B06D;
border-color: #96B06D;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8F9F5
100
#EEF2E9
200
#DEE6D1
300
#C6D4B0
400
#A7BD85
500
#88A55A
600
#6D8448
700
#576A39
800
#44532D
900
#333D23
950
#202716

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

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