#66873C

#66873C

Color Values

HEX

#66873C

RGB

102, 135, 60

HSL

86.4, 38.5%, 38.2%

HSV

86.4, 55.6%, 52.9%

CMYK

24.4%, 0.0%, 55.6%, 47.1%

OKLCH

0.5809 0.1099 129.1

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#66873C

#5D3C87

Analogous

#87823C

#40873C

#66873C

Triadic

#66873C

#3C6687

#873C66

Split Complementary

#66873C

#3C4087

#823C87

Tetradic

#66873C

#3C8782

#5D3C87

#873C40

Color Blindness Simulation

Original

#66873C

Protanopia

#74754E

Deuteranopia

#727052

Tritanopia

#685C60

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DDE9CE
300
#C5D9AA
400
#A5C57C
500
#85B14E
600
#6B8D3F
700
#557132
800
#435827
900
#324120
950
#202914

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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