#64634D

#64634D

Color Values

HEX

#64634D

RGB

100, 99, 77

HSL

57.4, 13.0%, 34.7%

HSV

57.4, 23.0%, 39.2%

CMYK

0.0%, 1.0%, 23.0%, 60.8%

OKLCH

0.4942 0.0335 105.4

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#64634D

#4D4E64

Analogous

#64574D

#59644D

#64634D

Triadic

#64634D

#4D6463

#634D64

Split Complementary

#64634D

#4D5964

#574D64

Tetradic

#64634D

#4D6457

#4D4E64

#644D59

Color Blindness Simulation

Original

#64634D

Protanopia

#646452

Deuteranopia

#646454

Tritanopia

#645757

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEFEB
200
#E0E0D7
300
#CAC9BA
400
#ADAC94
500
#908F6F
600
#737259
700
#5C5B47
800
#484737
900
#36362B
950
#22221B

Contrast Checker

Text on white

6.12:1

AA Pass AAA Fail

Text on black

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