#957542

#957542

Color Values

HEX

#957542

RGB

149, 117, 66

HSL

36.9, 38.6%, 42.2%

HSV

36.9, 55.7%, 58.4%

CMYK

0.0%, 21.5%, 55.7%, 41.6%

OKLCH

0.5822 0.0794 77.9

Properties

Warm Light Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#957542

#426295

Analogous

#954C42

#8C9542

#957542

Triadic

#957542

#429575

#754295

Split Complementary

#957542

#428C95

#4C4295

Tetradic

#957542

#42954C

#426295

#95428C

Color Blindness Simulation

Original

#957542

Protanopia

#87874E

Deuteranopia

#898B51

Tritanopia

#93585A

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#E9DECE
300
#D9C7AA
400
#C5A97C
500
#B18B4E
600
#8D6F3F
700
#715932
800
#584527
900
#413420
950
#292114

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

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