#646653

#646653

Color Values

HEX

#646653

RGB

100, 102, 83

HSL

66.3, 10.3%, 36.3%

HSV

66.3, 18.6%, 40.0%

CMYK

2.0%, 0.0%, 18.6%, 60.0%

OKLCH

0.5029 0.0292 112.3

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#646653

#555366

Analogous

#665F53

#5B6653

#646653

Triadic

#646653

#536466

#665364

Split Complementary

#646653

#535B66

#5F5366

Tetradic

#646653

#53665F

#555366

#66535B

Color Blindness Simulation

Original

#646653

Protanopia

#656558

Deuteranopia

#656559

Tritanopia

#645B5C

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEFEC
200
#DEDFD8
300
#C7C8BB
400
#A8AA97
500
#8A8D72
600
#6E715B
700
#585A49
800
#454639
900
#34352C
950
#21211C

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

3.57:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026