#838554

#838554

Color Values

HEX

#838554

RGB

131, 133, 84

HSL

62.4, 22.6%, 42.5%

HSV

62.4, 36.8%, 52.2%

CMYK

1.5%, 0.0%, 36.8%, 47.8%

OKLCH

0.6028 0.0687 110.3

Properties

Cool Light Nearest: khaki 4

Color Harmonies

Complementary

#838554

#565485

Analogous

#856E54

#6A8554

#838554

Triadic

#838554

#548385

#855483

Split Complementary

#838554

#546A85

#6E5485

Tetradic

#838554

#54856E

#565485

#85546A

Color Blindness Simulation

Original

#838554

Protanopia

#848460

Deuteranopia

#848463

Tritanopia

#83696B

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F0F1EA
200
#E3E3D3
300
#CFD0B4
400
#B4B68B
500
#9A9C63
600
#7B7D4F
700
#63643F
800
#4D4E31
900
#3A3A27
950
#242518

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.45:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026