#7B6669

#7B6669

Color Values

HEX

#7B6669

RGB

123, 102, 105

HSL

351.4, 9.3%, 44.1%

HSV

351.4, 17.1%, 48.2%

CMYK

0.0%, 17.1%, 14.6%, 51.8%

OKLCH

0.5316 0.0272 8.4

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#7B6669

#667B78

Analogous

#7B6673

#7B6D66

#7B6669

Triadic

#7B6669

#697B66

#66697B

Split Complementary

#7B6669

#667B6D

#66737B

Tetradic

#7B6669

#737B66

#667B78

#6D667B

Color Blindness Simulation

Original

#7B6669

Protanopia

#727268

Deuteranopia

#737568

Tritanopia

#7A6868

Achromatopsia

#6B6B6B

CSS Usage

background-color: #7B6669;
color: #7B6669;
border-color: #7B6669;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD8D9
300
#C7BCBE
400
#A9989A
500
#8B7477
600
#6F5D5F
700
#594A4C
800
#463A3C
900
#352C2E
950
#211C1D

Contrast Checker

Text on white

5.32:1

AA Pass AAA Fail

Text on black

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