#9B9922

#9B9922

Color Values

HEX

#9B9922

RGB

155, 153, 34

HSL

59.0, 64.0%, 37.1%

HSV

59.0, 78.1%, 60.8%

CMYK

0.0%, 1.3%, 78.1%, 39.2%

OKLCH

0.664 0.1329 108.5

Properties

Warm Light Nearest: yellow 4

Color Harmonies

Complementary

#9B9922

#22249B

Analogous

#9B5D22

#619B22

#9B9922

Triadic

#9B9922

#229B99

#99229B

Split Complementary

#9B9922

#22619B

#5D229B

Tetradic

#9B9922

#229B5D

#22249B

#9B2261

Color Blindness Simulation

Original

#9B9922

Protanopia

#9A9A3F

Deuteranopia

#9A9A46

Tritanopia

#9B565B

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F7E3
200
#F2F1C4
300
#E9E89B
400
#DDDB64
500
#D1CE2E
600
#A7A525
700
#86841D
800
#696717
900
#4C4B15
950
#30300D

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

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