#646A45

#646A45

Color Values

HEX

#646A45

RGB

100, 106, 69

HSL

69.7, 21.1%, 34.3%

HSV

69.7, 34.9%, 41.6%

CMYK

5.7%, 0.0%, 34.9%, 58.4%

OKLCH

0.5092 0.0553 115.9

Properties

Cool Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#646A45

#4B456A

Analogous

#6A5D45

#516A45

#646A45

Triadic

#646A45

#45646A

#6A4564

Split Complementary

#646A45

#45516A

#5D456A

Tetradic

#646A45

#456A5D

#4B456A

#6A4551

Color Blindness Simulation

Original

#646A45

Protanopia

#67674E

Deuteranopia

#666650

Tritanopia

#645557

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF0EA
200
#E0E3D4
300
#CBCFB5
400
#AEB58D
500
#929A65
600
#757C50
700
#5D6340
800
#494D32
900
#373A27
950
#232419

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

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