#646B22

#646B22

Color Values

HEX

#646B22

RGB

100, 107, 34

HSL

65.8, 51.8%, 27.6%

HSV

65.8, 68.2%, 42.0%

CMYK

6.5%, 0.0%, 68.2%, 58.0%

OKLCH

0.5064 0.0958 114.5

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#646B22

#29226B

Analogous

#6B4D22

#3F6B22

#646B22

Triadic

#646B22

#22646B

#6B2264

Split Complementary

#646B22

#223F6B

#4D226B

Tetradic

#646B22

#226B4D

#29226B

#6B223F

Color Blindness Simulation

Original

#646B22

Protanopia

#676734

Deuteranopia

#676638

Tritanopia

#644245

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F3F5E5
200
#EAEEC9
300
#DBE2A2
400
#C8D270
500
#B5C23D
600
#919B31
700
#747C27
800
#5A611F
900
#43471A
950
#2A2D10

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

3.67:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026