#7C736D

#7C736D

Color Values

HEX

#7C736D

RGB

124, 115, 109

HSL

24.0, 6.4%, 45.7%

HSV

24.0, 12.1%, 48.6%

CMYK

0.0%, 7.3%, 12.1%, 51.4%

OKLCH

0.5619 0.0145 56.1

Properties

Warm Dark Nearest: mistyrose 4

Color Harmonies

Complementary

#7C736D

#6D767C

Analogous

#7C6D6F

#7C7B6D

#7C736D

Triadic

#7C736D

#6D7C73

#736D7C

Split Complementary

#7C736D

#6D7C7B

#6D6F7C

Tetradic

#7C736D

#6F7C6D

#6D767C

#7B6D7C

Color Blindness Simulation

Original

#7C736D

Protanopia

#78786E

Deuteranopia

#79796F

Tritanopia

#7C7070

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDBD9
300
#C6C1BE
400
#A79F9B
500
#887E77
600
#6D655F
700
#57514C
800
#443F3C
900
#33302E
950
#201E1D

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

4.53:1

AA Pass 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