#849B56

#849B56

Color Values

HEX

#849B56

RGB

132, 155, 86

HSL

80.0, 28.6%, 47.3%

HSV

80.0, 44.5%, 60.8%

CMYK

14.8%, 0.0%, 44.5%, 39.2%

OKLCH

0.6551 0.0979 124.1

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#849B56

#6D569B

Analogous

#9B9056

#629B56

#849B56

Triadic

#849B56

#56849B

#9B5684

Split Complementary

#849B56

#56629B

#90569B

Tetradic

#849B56

#569B90

#6D569B

#9B5662

Color Blindness Simulation

Original

#849B56

Protanopia

#8E8E67

Deuteranopia

#8D8B6B

Tritanopia

#857477

Achromatopsia

#919191

CSS Usage

background-color: #849B56;
color: #849B56;
border-color: #849B56;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8F9F5
100
#EFF1E9
200
#DFE6D1
300
#C8D3B0
400
#AABC86
500
#8CA45B
600
#708349
700
#59693A
800
#46522E
900
#353D24
950
#212617

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

6.8:1

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