#646A4F

#646A4F

Color Values

HEX

#646A4F

RGB

100, 106, 79

HSL

73.3, 14.6%, 36.3%

HSV

73.3, 25.5%, 41.6%

CMYK

5.7%, 0.0%, 25.5%, 58.4%

OKLCH

0.5114 0.0415 118.1

Properties

Cool Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#646A4F

#554F6A

Analogous

#6A634F

#576A4F

#646A4F

Triadic

#646A4F

#4F646A

#6A4F64

Split Complementary

#646A4F

#4F576A

#634F6A

Tetradic

#646A4F

#4F6A63

#554F6A

#6A4F57

Color Blindness Simulation

Original

#646A4F

Protanopia

#676756

Deuteranopia

#666657

Tritanopia

#645B5C

Achromatopsia

#676767

CSS Usage

background-color: #646A4F;
color: #646A4F;
border-color: #646A4F;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F6
100
#EEEFEB
200
#DEE1D6
300
#C7CBB9
400
#A8AE93
500
#8A926D
600
#6E7557
700
#585E46
800
#454936
900
#34372A
950
#21231B

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

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