#969540

#969540

Color Values

HEX

#969540

RGB

150, 149, 64

HSL

59.3, 40.2%, 42.0%

HSV

59.3, 57.3%, 58.8%

CMYK

0.0%, 0.7%, 57.3%, 41.2%

OKLCH

0.653 0.1077 108.4

Properties

Warm Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#969540

#404196

Analogous

#966A40

#6C9640

#969540

Triadic

#969540

#409695

#954096

Split Complementary

#969540

#406C96

#6A4096

Tetradic

#969540

#40966A

#404196

#96406C

Color Blindness Simulation

Original

#969540

Protanopia

#969655

Deuteranopia

#96965A

Tritanopia

#966568

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#EAE9CD
300
#DADAA9
400
#C7C67B
500
#B3B24C
600
#8F8E3D
700
#727231
800
#595926
900
#42421F
950
#2A2914

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

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