#69576F

#69576F

Color Values

HEX

#69576F

RGB

105, 87, 111

HSL

285.0, 12.1%, 38.8%

HSV

285.0, 21.6%, 43.5%

CMYK

5.4%, 21.6%, 0.0%, 56.5%

OKLCH

0.4834 0.0438 317.6

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#69576F

#5D6F57

Analogous

#5D576F

#6F5769

#69576F

Triadic

#69576F

#6F6957

#576F69

Split Complementary

#69576F

#696F57

#576F5D

Tetradic

#69576F

#6F5D57

#5D6F57

#57696F

Color Blindness Simulation

Original

#69576F

Protanopia

#616169

Deuteranopia

#626468

Tritanopia

#686564

Achromatopsia

#5D5D5D

CSS Usage

background-color: #69576F;
color: #69576F;
border-color: #69576F;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DDD7E0
300
#C6BAC9
400
#A695AC
500
#87708F
600
#6C5A72
700
#57485B
800
#443847
900
#332B36
950
#201B22

Contrast Checker

Text on white

6.58:1

AA Pass AAA Fail

Text on black

3.19:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026