#898262

#898262

Color Values

HEX

#898262

RGB

137, 130, 98

HSL

49.2, 16.6%, 46.1%

HSV

49.2, 28.5%, 53.7%

CMYK

0.0%, 5.1%, 28.5%, 46.3%

OKLCH

0.6043 0.0466 97.2

Properties

Warm Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#898262

#626989

Analogous

#896F62

#7D8962

#898262

Triadic

#898262

#628982

#826289

Split Complementary

#898262

#627D89

#6F6289

Tetradic

#898262

#62896F

#626989

#89627D

Color Blindness Simulation

Original

#898262

Protanopia

#86866A

Deuteranopia

#86876C

Tritanopia

#897071

Achromatopsia

#818181

CSS Usage

background-color: #898262;
color: #898262;
border-color: #898262;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F6
100
#F0EFEB
200
#E1DFD5
300
#CCC8B8
400
#B0AB91
500
#958D6A
600
#777155
700
#5F5A44
800
#4A4735
900
#383529
950
#23221A

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

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