#687063

#687063

Color Values

HEX

#687063

RGB

104, 112, 99

HSL

96.9, 6.2%, 41.4%

HSV

96.9, 11.6%, 43.9%

CMYK

7.1%, 0.0%, 11.6%, 56.1%

OKLCH

0.5343 0.0221 133.2

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#687063

#6B6370

Analogous

#6F7063

#637065

#687063

Triadic

#687063

#636870

#706368

Split Complementary

#687063

#656370

#70636F

Tetradic

#687063

#636F70

#6B6370

#706563

Color Blindness Simulation

Original

#687063

Protanopia

#6B6C66

Deuteranopia

#6B6A67

Tritanopia

#686969

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEEC
200
#DBDED9
300
#C1C6BE
400
#9FA69B
500
#7E8778
600
#656C60
700
#50574D
800
#3F443C
900
#30332E
950
#1E201D

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

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