#646342

#646342

Color Values

HEX

#646342

RGB

100, 99, 66

HSL

58.2, 20.5%, 32.5%

HSV

58.2, 34.0%, 39.2%

CMYK

0.0%, 1.0%, 34.0%, 60.8%

OKLCH

0.4917 0.0491 106.6

Properties

Warm Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#646342

#424364

Analogous

#645242

#546442

#646342

Triadic

#646342

#426463

#634264

Split Complementary

#646342

#425464

#524264

Tetradic

#646342

#426452

#424364

#644254

Color Blindness Simulation

Original

#646342

Protanopia

#64644A

Deuteranopia

#64644C

Tritanopia

#645052

Achromatopsia

#616161

CSS Usage

background-color: #646342;
color: #646342;
border-color: #646342;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F9F6
100
#F0F0EA
200
#E3E2D4
300
#CECEB5
400
#B4B38D
500
#9A9865
600
#7B7A51
700
#626141
800
#4D4C33
900
#393928
950
#242419

Contrast Checker

Text on white

6.17:1

AA Pass AAA Fail

Text on black

3.41:1

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