#7D736E

#7D736E

Color Values

HEX

#7D736E

RGB

125, 115, 110

HSL

20.0, 6.4%, 46.1%

HSV

20.0, 12.0%, 49.0%

CMYK

0.0%, 8.0%, 12.0%, 51.0%

OKLCH

0.5631 0.0146 48.4

Properties

Warm Dark Nearest: mistyrose 4

Color Harmonies

Complementary

#7D736E

#6E787D

Analogous

#7D6E71

#7D7B6E

#7D736E

Triadic

#7D736E

#6E7D73

#736E7D

Split Complementary

#7D736E

#6E7D7B

#6E717D

Tetradic

#7D736E

#717D6E

#6E787D

#7B6E7D

Color Blindness Simulation

Original

#7D736E

Protanopia

#79796F

Deuteranopia

#797A70

Tritanopia

#7C7070

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDBD9
300
#C6C0BE
400
#A79F9B
500
#887D77
600
#6D645F
700
#57504C
800
#443E3C
900
#33302E
950
#201E1D

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.55:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026