#7B666F

#7B666F

Color Values

HEX

#7B666F

RGB

123, 102, 111

HSL

334.3, 9.3%, 44.1%

HSV

334.3, 17.1%, 48.2%

CMYK

0.0%, 17.1%, 9.8%, 51.8%

OKLCH

0.5335 0.0298 350.5

Properties

Warm Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#7B666F

#667B72

Analogous

#7B6679

#7B6766

#7B666F

Triadic

#7B666F

#6F7B66

#666F7B

Split Complementary

#7B666F

#667B67

#66797B

Tetradic

#7B666F

#797B66

#667B72

#67667B

Color Blindness Simulation

Original

#7B666F

Protanopia

#72726D

Deuteranopia

#73756C

Tritanopia

#7A6B6B

Achromatopsia

#6B6B6B

CSS Usage

background-color: #7B666F;
color: #7B666F;
border-color: #7B666F;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DB
300
#C7BCC1
400
#A9989F
500
#8B747E
600
#6F5D65
700
#594A51
800
#463A3F
900
#352C30
950
#211C1E

Contrast Checker

Text on white

5.29:1

AA Pass AAA Fail

Text on black

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