#997428

#997428

Color Values

HEX

#997428

RGB

153, 116, 40

HSL

40.4, 58.5%, 37.8%

HSV

40.4, 73.9%, 60.0%

CMYK

0.0%, 24.2%, 73.9%, 40.0%

OKLCH

0.5815 0.1024 81.8

Properties

Warm Light Nearest: goldenrod 4

Color Harmonies

Complementary

#997428

#284D99

Analogous

#993C28

#859928

#997428

Triadic

#997428

#289974

#742899

Split Complementary

#997428

#288599

#3C2899

Tetradic

#997428

#28993C

#284D99

#992885

Color Blindness Simulation

Original

#997428

Protanopia

#89893A

Deuteranopia

#8B8E3F

Tritanopia

#97494C

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FBF9F4
100
#F6F0E4
200
#F0E3C6
300
#E6CE9E
400
#D8B469
500
#CA9935
600
#A27B2A
700
#816222
800
#654D1A
900
#4A3917
950
#2F240E

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

4.88:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026