#968D22

#968D22

Color Values

HEX

#968D22

RGB

150, 141, 34

HSL

55.3, 63.0%, 36.1%

HSV

55.3, 77.3%, 58.8%

CMYK

0.0%, 6.0%, 77.3%, 41.2%

OKLCH

0.6323 0.1223 104.4

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#968D22

#222B96

Analogous

#965322

#659622

#968D22

Triadic

#968D22

#22968D

#8D2296

Split Complementary

#968D22

#226596

#532296

Tetradic

#968D22

#229653

#222B96

#962265

Color Blindness Simulation

Original

#968D22

Protanopia

#92923C

Deuteranopia

#939342

Tritanopia

#965055

Achromatopsia

#878787

CSS Usage

background-color: #968D22;
color: #968D22;
border-color: #968D22;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FBFBF3
100
#F7F5E4
200
#F2EEC5
300
#E8E29B
400
#DCD365
500
#D0C32F
600
#A69C26
700
#857D1E
800
#686218
900
#4C4815
950
#302D0D

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

6.13:1

AA Pass AAA Fail

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