#69586B

#69586B

Color Values

HEX

#69586B

RGB

105, 88, 107

HSL

293.7, 9.7%, 38.2%

HSV

293.7, 17.8%, 42.0%

CMYK

1.9%, 17.8%, 0.0%, 58.0%

OKLCH

0.4839 0.0366 322.7

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#69586B

#5A6B58

Analogous

#5F586B

#6B5863

#69586B

Triadic

#69586B

#6B6958

#586B69

Split Complementary

#69586B

#636B58

#586B5F

Tetradic

#69586B

#6B5F58

#5A6B58

#58636B

Color Blindness Simulation

Original

#69586B

Protanopia

#626166

Deuteranopia

#636465

Tritanopia

#686362

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DED8DF
300
#C6BCC8
400
#A897AA
500
#89738C
600
#6E5C70
700
#584A5A
800
#453A46
900
#342C35
950
#211C21

Contrast Checker

Text on white

6.54:1

AA Pass AAA Fail

Text on black

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