#848744

#848744

Color Values

HEX

#848744

RGB

132, 135, 68

HSL

62.7, 33.0%, 39.8%

HSV

62.7, 49.6%, 52.9%

CMYK

2.2%, 0.0%, 49.6%, 47.1%

OKLCH

0.6056 0.09 111.1

Properties

Cool Light Nearest: khaki 4

Color Harmonies

Complementary

#848744

#474487

Analogous

#876944

#628744

#848744

Triadic

#848744

#448487

#874484

Split Complementary

#848744

#446287

#694487

Tetradic

#848744

#448769

#474487

#874462

Color Blindness Simulation

Original

#848744

Protanopia

#858554

Deuteranopia

#858558

Tritanopia

#846164

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F2E8
200
#E6E7D0
300
#D4D6AE
400
#BDC082
500
#A6AA55
600
#858844
700
#6A6D37
800
#53552B
900
#3E3F22
950
#272816

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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