#6C586B

#6C586B

Color Values

HEX

#6C586B

RGB

108, 88, 107

HSL

303.0, 10.2%, 38.4%

HSV

303.0, 18.5%, 42.4%

CMYK

0.0%, 18.5%, 0.9%, 57.6%

OKLCH

0.487 0.0389 327.7

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#6C586B

#586C59

Analogous

#63586C

#6C5861

#6C586B

Triadic

#6C586B

#6B6C58

#586B6C

Split Complementary

#6C586B

#616C58

#586C63

Tetradic

#6C586B

#6C6358

#586C59

#58616C

Color Blindness Simulation

Original

#6C586B

Protanopia

#636366

Deuteranopia

#646665

Tritanopia

#6B6362

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEF
200
#DFD8DF
300
#C8BCC7
400
#AA97A9
500
#8D728B
600
#705C6F
700
#5A4959
800
#463946
900
#352C34
950
#211C21

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

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