#6F5666

#6F5666

Color Values

HEX

#6F5666

RGB

111, 86, 102

HSL

321.6, 12.7%, 38.6%

HSV

321.6, 22.5%, 43.5%

CMYK

0.0%, 22.5%, 8.1%, 56.5%

OKLCH

0.4842 0.0406 340.1

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#6F5666

#566F5F

Analogous

#6B566F

#6F5659

#6F5666

Triadic

#6F5666

#666F56

#56666F

Split Complementary

#6F5666

#596F56

#566F6B

Tetradic

#6F5666

#6F6B56

#566F5F

#56596F

Color Blindness Simulation

Original

#6F5666

Protanopia

#646462

Deuteranopia

#666761

Tritanopia

#6E5F5E

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#E0D7DD
300
#CABAC4
400
#AD95A4
500
#906F84
600
#73596A
700
#5C4755
800
#483842
900
#362B32
950
#221B20

Contrast Checker

Text on white

6.56:1

AA Pass AAA Fail

Text on black

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