#66893C

#66893C

Color Values

HEX

#66893C

RGB

102, 137, 60

HSL

87.3, 39.1%, 38.6%

HSV

87.3, 56.2%, 53.7%

CMYK

25.5%, 0.0%, 56.2%, 46.3%

OKLCH

0.5859 0.1129 129.6

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#66893C

#5F3C89

Analogous

#89853C

#3F893C

#66893C

Triadic

#66893C

#3C6689

#893C66

Split Complementary

#66893C

#3C3F89

#853C89

Tetradic

#66893C

#3C8985

#5F3C89

#893C3F

Color Blindness Simulation

Original

#66893C

Protanopia

#75754F

Deuteranopia

#737053

Tritanopia

#685D61

Achromatopsia

#7C7C7C

CSS Usage

background-color: #66893C;
color: #66893C;
border-color: #66893C;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DDE9CD
300
#C4DAAA
400
#A4C67C
500
#84B14E
600
#6A8E3E
700
#547232
800
#425927
900
#32411F
950
#202914

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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