#969403

#969403

Color Values

HEX

#969403

RGB

150, 148, 3

HSL

59.2, 96.1%, 30.0%

HSV

59.2, 98.0%, 58.8%

CMYK

0.0%, 1.3%, 98.0%, 41.2%

OKLCH

0.6471 0.1395 108.8

Properties

Warm Light Nearest: yellow 4

Color Harmonies

Complementary

#969403

#030596

Analogous

#964B03

#4E9603

#969403

Triadic

#969403

#039694

#940396

Split Complementary

#969403

#034E96

#4B0396

Tetradic

#969403

#03964B

#030596

#96034E

Color Blindness Simulation

Original

#969403

Protanopia

#959526

Deuteranopia

#95952E

Tritanopia

#964248

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDF
200
#FEFDB9
300
#FDFB87
400
#FBF946
500
#FAF705
600
#C8C504
700
#A09E03
800
#7D7B02
900
#5A5907
950
#393804

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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