#687069

#687069

Color Values

HEX

#687069

RGB

104, 112, 105

HSL

127.5, 3.7%, 42.4%

HSV

127.5, 7.1%, 43.9%

CMYK

7.1%, 0.0%, 6.3%, 56.1%

OKLCH

0.5361 0.0145 149.1

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#687069

#70686F

Analogous

#6B7068

#68706D

#687069

Triadic

#687069

#696870

#706968

Split Complementary

#687069

#6D6870

#70686B

Tetradic

#687069

#686B70

#70686F

#706D68

Color Blindness Simulation

Original

#687069

Protanopia

#6B6C6B

Deuteranopia

#6B6A6B

Tritanopia

#686C6C

Achromatopsia

#6E6E6E

CSS Usage

background-color: #687069;
color: #687069;
border-color: #687069;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DADDDA
300
#C0C4C0
400
#9DA49E
500
#7B847C
600
#626A63
700
#4F554F
800
#3D423E
900
#2F322F
950
#1E201E

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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