#84985F

#84985F

Color Values

HEX

#84985F

RGB

132, 152, 95

HSL

81.1, 23.1%, 48.4%

HSV

81.1, 37.5%, 59.6%

CMYK

13.2%, 0.0%, 37.5%, 40.4%

OKLCH

0.6497 0.0828 124.4

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#84985F

#735F98

Analogous

#988F5F

#67985F

#84985F

Triadic

#84985F

#5F8498

#985F84

Split Complementary

#84985F

#5F6798

#8F5F98

Tetradic

#84985F

#5F988F

#735F98

#985F67

Color Blindness Simulation

Original

#84985F

Protanopia

#8D8D6D

Deuteranopia

#8C8A70

Tritanopia

#85787A

Achromatopsia

#909090

CSS Usage

background-color: #84985F;
color: #84985F;
border-color: #84985F;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8F9F6
100
#EEF1EA
200
#DEE4D3
300
#C6D0B4
400
#A7B68B
500
#889D62
600
#6D7E4E
700
#57643F
800
#444E31
900
#333B26
950
#202518

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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