#868652

#868652

Color Values

HEX

#868652

RGB

134, 134, 82

HSL

60.0, 24.1%, 42.4%

HSV

60.0, 38.8%, 52.5%

CMYK

0.0%, 0.0%, 38.8%, 47.5%

OKLCH

0.6073 0.0722 108.4

Properties

Warm Light Nearest: khaki 4

Color Harmonies

Complementary

#868652

#525286

Analogous

#866C52

#6C8652

#868652

Triadic

#868652

#528686

#865286

Split Complementary

#868652

#526C86

#6C5286

Tetradic

#868652

#52866C

#525286

#86526C

Color Blindness Simulation

Original

#868652

Protanopia

#86865F

Deuteranopia

#868662

Tritanopia

#86696B

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E4E4D3
300
#D1D1B3
400
#B7B78A
500
#9E9E61
600
#7F7F4D
700
#65653E
800
#4F4F30
900
#3B3B26
950
#252518

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

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