#848854

#848854

Color Values

HEX

#848854

RGB

132, 136, 84

HSL

64.6, 23.6%, 43.1%

HSV

64.6, 38.2%, 53.3%

CMYK

2.9%, 0.0%, 38.2%, 46.7%

OKLCH

0.6105 0.0726 112.1

Properties

Cool Light Nearest: khaki 4

Color Harmonies

Complementary

#848854

#585488

Analogous

#887254

#6A8854

#848854

Triadic

#848854

#548488

#885484

Split Complementary

#848854

#546A88

#725488

Tetradic

#848854

#548872

#585488

#88546A

Color Blindness Simulation

Original

#848854

Protanopia

#868661

Deuteranopia

#868564

Tritanopia

#846B6D

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F0F1EA
200
#E2E4D3
300
#CED0B3
400
#B4B78A
500
#999E61
600
#7A7E4E
700
#62653E
800
#4C4F31
900
#393B26
950
#242518

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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