#969015

#969015

Color Values

HEX

#969015

RGB

150, 144, 21

HSL

57.2, 75.4%, 33.5%

HSV

57.2, 86.0%, 58.8%

CMYK

0.0%, 4.0%, 86.0%, 41.2%

OKLCH

0.6385 0.1311 106.5

Properties

Warm Light Nearest: yellow 4

Color Harmonies

Complementary

#969015

#151B96

Analogous

#964F15

#5B9615

#969015

Triadic

#969015

#159690

#901596

Split Complementary

#969015

#155B96

#4F1596

Tetradic

#969015

#15964F

#151B96

#96155B

Color Blindness Simulation

Original

#969015

Protanopia

#939333

Deuteranopia

#94943A

Tritanopia

#964A4F

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F9F8E2
200
#F6F4C0
300
#F0EC94
400
#E8E15A
500
#E0D71F
600
#B3AC19
700
#8F8914
800
#706B10
900
#514E10
950
#33310A

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

6.3:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026