#848848

#848848

Color Values

HEX

#848848

RGB

132, 136, 72

HSL

63.7, 30.8%, 40.8%

HSV

63.7, 47.1%, 53.3%

CMYK

2.9%, 0.0%, 47.1%, 46.7%

OKLCH

0.6085 0.0869 111.9

Properties

Cool Light Nearest: khaki 4

Color Harmonies

Complementary

#848848

#4C4888

Analogous

#886C48

#648848

#848848

Triadic

#848848

#488488

#884884

Split Complementary

#848848

#486488

#6C4888

Tetradic

#848848

#48886C

#4C4888

#884864

Color Blindness Simulation

Original

#848848

Protanopia

#868657

Deuteranopia

#86855B

Tritanopia

#846466

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F1F2E8
200
#E5E6D0
300
#D2D5AF
400
#BABE84
500
#A2A758
600
#828547
700
#686B38
800
#51532C
900
#3C3E23
950
#262716

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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