#7B6563

#7B6563

Color Values

HEX

#7B6563

RGB

123, 101, 99

HSL

5.0, 10.8%, 43.5%

HSV

5.0, 19.5%, 48.2%

CMYK

0.0%, 17.9%, 19.5%, 51.8%

OKLCH

0.5276 0.0286 24.2

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#7B6563

#63797B

Analogous

#7B636D

#7B7163

#7B6563

Triadic

#7B6563

#637B65

#65637B

Split Complementary

#7B6563

#637B71

#636D7B

Tetradic

#7B6563

#6D7B63

#63797B

#71637B

Color Blindness Simulation

Original

#7B6563

Protanopia

#717163

Deuteranopia

#737464

Tritanopia

#7A6464

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD8D7
300
#C8BCBB
400
#AB9896
500
#8D7472
600
#715D5B
700
#5A4A49
800
#473A39
900
#352D2C
950
#221C1C

Contrast Checker

Text on white

5.41:1

AA Pass AAA Fail

Text on black

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