#64682A

#64682A

Color Values

HEX

#64682A

RGB

100, 104, 42

HSL

63.9, 42.5%, 28.6%

HSV

63.9, 59.6%, 40.8%

CMYK

3.8%, 0.0%, 59.6%, 59.2%

OKLCH

0.4999 0.0847 112.5

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#64682A

#2E2A68

Analogous

#684D2A

#45682A

#64682A

Triadic

#64682A

#2A6468

#682A64

Split Complementary

#64682A

#2A4568

#4D2A68

Tetradic

#64682A

#2A684D

#2E2A68

#682A45

Color Blindness Simulation

Original

#64682A

Protanopia

#666639

Deuteranopia

#66653D

Tritanopia

#644547

Achromatopsia

#636363

CSS Usage

background-color: #64682A;
color: #64682A;
border-color: #64682A;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FAFAF5
100
#F3F4E7
200
#E9EACC
300
#D8DCA8
400
#C4C979
500
#AFB649
600
#8C913B
700
#70742F
800
#575B25
900
#41431E
950
#292A13

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail 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