#977C28

#977C28

Color Values

HEX

#977C28

RGB

151, 124, 40

HSL

45.4, 58.1%, 37.5%

HSV

45.4, 73.5%, 59.2%

CMYK

0.0%, 17.9%, 73.5%, 40.8%

OKLCH

0.5963 0.1055 90.6

Properties

Warm Light Nearest: goldenrod 4

Color Harmonies

Complementary

#977C28

#284397

Analogous

#974528

#7B9728

#977C28

Triadic

#977C28

#28977C

#7C2897

Split Complementary

#977C28

#287B97

#452897

Tetradic

#977C28

#289745

#284397

#97287B

Color Blindness Simulation

Original

#977C28

Protanopia

#8B8B3C

Deuteranopia

#8D8F41

Tritanopia

#964C50

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FBF9F4
100
#F6F2E4
200
#F0E6C7
300
#E5D49E
400
#D7BD6A
500
#CAA635
600
#A1842B
700
#816A22
800
#65531B
900
#4A3D17
950
#2F270F

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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