#896842

#896842

Color Values

HEX

#896842

RGB

137, 104, 66

HSL

32.1, 35.0%, 39.8%

HSV

32.1, 51.8%, 53.7%

CMYK

0.0%, 24.1%, 51.8%, 46.3%

OKLCH

0.5416 0.0682 69.5

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#896842

#426389

Analogous

#894442

#878942

#896842

Triadic

#896842

#428968

#684289

Split Complementary

#896842

#428789

#444289

Tetradic

#896842

#428944

#426389

#894287

Color Blindness Simulation

Original

#896842

Protanopia

#7B7A4B

Deuteranopia

#7D7F4D

Tritanopia

#875254

Achromatopsia

#6C6C6C

CSS Usage

background-color: #896842;
color: #896842;
border-color: #896842;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF8F5
100
#F2EEE8
200
#E8DCCF
300
#D7C3AC
400
#C2A380
500
#AC8353
600
#8A6842
700
#6E5435
800
#564129
900
#403221
950
#281F15

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

4.12:1

AA Fail 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