#64873C

#64873C

Color Values

HEX

#64873C

RGB

100, 135, 60

HSL

88.0, 38.5%, 38.2%

HSV

88.0, 55.6%, 52.9%

CMYK

25.9%, 0.0%, 55.6%, 47.1%

OKLCH

0.5795 0.111 130.0

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#64873C

#5F3C87

Analogous

#87843C

#3E873C

#64873C

Triadic

#64873C

#3C6487

#873C64

Split Complementary

#64873C

#3C3E87

#843C87

Tetradic

#64873C

#3C8784

#5F3C87

#873C3E

Color Blindness Simulation

Original

#64873C

Protanopia

#73734E

Deuteranopia

#716E52

Tritanopia

#665C60

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DCE9CE
300
#C3D9AA
400
#A3C57C
500
#83B14E
600
#698D3F
700
#547132
800
#415827
900
#324120
950
#1F2914

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

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