#957F49

#957F49

Color Values

HEX

#957F49

RGB

149, 127, 73

HSL

42.6, 34.2%, 43.5%

HSV

42.6, 51.0%, 58.4%

CMYK

0.0%, 14.8%, 51.0%, 41.6%

OKLCH

0.6046 0.0775 87.9

Properties

Warm Light Nearest: lightgoldenrod 4

Color Harmonies

Complementary

#957F49

#495F95

Analogous

#955949

#859549

#957F49

Triadic

#957F49

#49957F

#7F4995

Split Complementary

#957F49

#498595

#594995

Tetradic

#957F49

#499559

#495F95

#954985

Color Blindness Simulation

Original

#957F49

Protanopia

#8B8B56

Deuteranopia

#8D8E59

Tritanopia

#946063

Achromatopsia

#808080

CSS Usage

background-color: #957F49;
color: #957F49;
border-color: #957F49;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E8E0CF
300
#D7CBAD
400
#C1AE80
500
#AB9254
600
#897543
700
#6E5D36
800
#56492A
900
#3F3722
950
#282315

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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