#6C5366

#6C5366

Color Values

HEX

#6C5366

RGB

108, 83, 102

HSL

314.4, 13.1%, 37.5%

HSV

314.4, 23.1%, 42.4%

CMYK

0.0%, 23.1%, 5.6%, 57.6%

OKLCH

0.4747 0.0437 334.9

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#6C5366

#536C59

Analogous

#66536C

#6C535A

#6C5366

Triadic

#6C5366

#666C53

#53666C

Split Complementary

#6C5366

#5A6C53

#536C66

Tetradic

#6C5366

#6C6653

#536C59

#535A6C

Color Blindness Simulation

Original

#6C5366

Protanopia

#616161

Deuteranopia

#636460

Tritanopia

#6B5E5D

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEE
200
#E0D7DE
300
#CABAC6
400
#AD94A7
500
#906F88
600
#73596D
700
#5C4757
800
#483744
900
#362B33
950
#221B20

Contrast Checker

Text on white

6.85:1

AA Pass AAA Fail

Text on black

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