#69686E

#69686E

Color Values

HEX

#69686E

RGB

105, 104, 110

HSL

250.0, 2.8%, 42.0%

HSV

250.0, 5.5%, 43.1%

CMYK

4.5%, 5.5%, 0.0%, 56.9%

OKLCH

0.5202 0.0094 293.7

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#69686E

#6D6E68

Analogous

#686A6E

#6C686E

#69686E

Triadic

#69686E

#6E6968

#686E69

Split Complementary

#69686E

#6E6C68

#6A6E68

Tetradic

#69686E

#6E686A

#6D6E68

#686E6C

Color Blindness Simulation

Original

#69686E

Protanopia

#69696D

Deuteranopia

#69696C

Tritanopia

#696B6B

Achromatopsia

#696969

CSS Usage

background-color: #69686E;
color: #69686E;
border-color: #69686E;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DBDADC
300
#C1C0C4
400
#9F9EA3
500
#7D7C83
600
#646369
700
#504F54
800
#3F3E42
900
#302F32
950
#1E1E1F

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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