#998522

#998522

Color Values

HEX

#998522

RGB

153, 133, 34

HSL

49.9, 63.6%, 36.7%

HSV

49.9, 77.8%, 60.0%

CMYK

0.0%, 13.1%, 77.8%, 40.0%

OKLCH

0.6175 0.1156 97.1

Properties

Warm Light Nearest: gold 4

Color Harmonies

Complementary

#998522

#223699

Analogous

#994A22

#729922

#998522

Triadic

#998522

#229985

#852299

Split Complementary

#998522

#227299

#4A2299

Tetradic

#998522

#22994A

#223699

#992272

Color Blindness Simulation

Original

#998522

Protanopia

#90903A

Deuteranopia

#929340

Tritanopia

#984D51

Achromatopsia

#828282

CSS Usage

background-color: #998522;
color: #998522;
border-color: #998522;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBFAF3
100
#F7F4E4
200
#F2EAC5
300
#E9DC9B
400
#DDC865
500
#D1B52E
600
#A79125
700
#85741E
800
#685B17
900
#4C4315
950
#302A0D

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

5.73:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026