#969449

#969449

Color Values

HEX

#969449

RGB

150, 148, 73

HSL

58.4, 34.5%, 43.7%

HSV

58.4, 51.3%, 58.8%

CMYK

0.0%, 1.3%, 51.3%, 41.2%

OKLCH

0.6519 0.0977 107.5

Properties

Warm Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#969449

#494B96

Analogous

#966D49

#719649

#969449

Triadic

#969449

#499694

#944996

Split Complementary

#969449

#497196

#6D4996

Tetradic

#969449

#49966D

#494B96

#964971

Color Blindness Simulation

Original

#969449

Protanopia

#95955B

Deuteranopia

#959560

Tritanopia

#96696D

Achromatopsia

#8F8F8F

CSS Usage

background-color: #969449;
color: #969449;
border-color: #969449;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAF9F5
100
#F2F2E8
200
#E8E7CF
300
#D7D6AD
400
#C1BF80
500
#ABA954
600
#898743
700
#6E6C35
800
#56552A
900
#3F3F21
950
#282815

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

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