#6F506C

#6F506C

Color Values

HEX

#6F506C

RGB

111, 80, 108

HSL

305.8, 16.2%, 37.5%

HSV

305.8, 27.9%, 43.5%

CMYK

0.0%, 27.9%, 2.7%, 56.5%

OKLCH

0.4743 0.0588 329.8

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#6F506C

#506F53

Analogous

#63506F

#6F505D

#6F506C

Triadic

#6F506C

#6C6F50

#506C6F

Split Complementary

#6F506C

#5D6F50

#506F63

Tetradic

#6F506C

#6F6350

#506F53

#505D6F

Color Blindness Simulation

Original

#6F506C

Protanopia

#626165

Deuteranopia

#636664

Tritanopia

#6D605F

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EBEF
200
#E1D6E0
300
#CCB8CA
400
#B091AD
500
#946B90
600
#775573
700
#5F445C
800
#4A3548
900
#382936
950
#231A22

Contrast Checker

Text on white

6.91:1

AA Pass AAA Fail

Text on black

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