#969C32

#969C32

Color Values

HEX

#969C32

RGB

150, 156, 50

HSL

63.4, 51.5%, 40.4%

HSV

63.4, 67.9%, 61.2%

CMYK

3.8%, 0.0%, 67.9%, 38.8%

OKLCH

0.6676 0.1273 112.5

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#969C32

#38329C

Analogous

#9C6D32

#619C32

#969C32

Triadic

#969C32

#32969C

#9C3296

Split Complementary

#969C32

#32619C

#6D329C

Tetradic

#969C32

#329C6D

#38329C

#9C3261

Color Blindness Simulation

Original

#969C32

Protanopia

#99994C

Deuteranopia

#989852

Tritanopia

#966064

Achromatopsia

#939393

CSS Usage

background-color: #969C32;
color: #969C32;
border-color: #969C32;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#ECEEC9
300
#DEE1A2
400
#CCD170
500
#BAC13E
600
#959B31
700
#777C28
800
#5D611F
900
#44471A
950
#2B2D10

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

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