#647F66

#647F66

Color Values

HEX

#647F66

RGB

100, 127, 102

HSL

124.4, 11.9%, 44.5%

HSV

124.4, 21.3%, 49.8%

CMYK

21.3%, 0.0%, 19.7%, 50.2%

OKLCH

0.5679 0.0492 146.8

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#647F66

#7F647D

Analogous

#6F7F64

#647F73

#647F66

Triadic

#647F66

#66647F

#7F6664

Split Complementary

#647F66

#73647F

#7F646F

Tetradic

#647F66

#646F7F

#7F647D

#7F7364

Color Blindness Simulation

Original

#647F66

Protanopia

#70706C

Deuteranopia

#6E6C6E

Tritanopia

#657172

Achromatopsia

#777777

CSS Usage

background-color: #647F66;
color: #647F66;
border-color: #647F66;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F7F8F7
100
#EBEFEC
200
#D7E0D8
300
#BBC9BC
400
#95AC97
500
#708F73
600
#5A725C
700
#485B49
800
#384739
900
#2B362C
950
#1B221C

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

4.77:1

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