#969C24

#969C24

Color Values

HEX

#969C24

RGB

150, 156, 36

HSL

63.0, 62.5%, 37.6%

HSV

63.0, 76.9%, 61.2%

CMYK

3.8%, 0.0%, 76.9%, 38.8%

OKLCH

0.6666 0.1362 112.5

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#969C24

#2A249C

Analogous

#9C6624

#5A9C24

#969C24

Triadic

#969C24

#24969C

#9C2496

Split Complementary

#969C24

#245A9C

#66249C

Tetradic

#969C24

#249C66

#2A249C

#9C245A

Color Blindness Simulation

Original

#969C24

Protanopia

#999941

Deuteranopia

#989848

Tritanopia

#96585D

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F7E4
200
#EFF2C5
300
#E4E89C
400
#D6DC66
500
#C7CF30
600
#9FA626
700
#80851F
800
#646818
900
#494C15
950
#2E300D

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

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