#969E35

#969E35

Color Values

HEX

#969E35

RGB

150, 158, 53

HSL

64.6, 49.8%, 41.4%

HSV

64.6, 66.5%, 62.0%

CMYK

5.1%, 0.0%, 66.5%, 38.0%

OKLCH

0.6724 0.1273 113.5

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#969E35

#3D359E

Analogous

#9E7235

#629E35

#969E35

Triadic

#969E35

#35969E

#9E3596

Split Complementary

#969E35

#35629E

#72359E

Tetradic

#969E35

#359E72

#3D359E

#9E3562

Color Blindness Simulation

Original

#969E35

Protanopia

#999A4E

Deuteranopia

#999854

Tritanopia

#966267

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F5E6
200
#EAEDCA
300
#DCE0A3
400
#C8D072
500
#B5BF40
600
#919933
700
#747A29
800
#5B5F20
900
#43461B
950
#2A2C11

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

7.24:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026