#68696C

#68696C

Color Values

HEX

#68696C

RGB

104, 105, 108

HSL

225.0, 1.9%, 41.6%

HSV

225.0, 3.7%, 42.4%

CMYK

3.7%, 2.8%, 0.0%, 57.6%

OKLCH

0.5209 0.0048 271.3

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#68696C

#6C6B68

Analogous

#686B6C

#69686C

#68696C

Triadic

#68696C

#6C6869

#696C68

Split Complementary

#68696C

#6C6968

#6B6C68

Tetradic

#68696C

#6C686B

#6C6B68

#686C69

Color Blindness Simulation

Original

#68696C

Protanopia

#68686B

Deuteranopia

#68686B

Tritanopia

#686B6B

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DBDBDC
300
#C1C1C3
400
#9FA0A2
500
#7D7E82
600
#646568
700
#505153
800
#3F3F41
900
#303031
950
#1E1E1F

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

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