#7F7965

#7F7965

Color Values

HEX

#7F7965

RGB

127, 121, 101

HSL

46.2, 11.4%, 44.7%

HSV

46.2, 20.5%, 49.8%

CMYK

0.0%, 4.7%, 20.5%, 50.2%

OKLCH

0.5757 0.0304 93.3

Properties

Warm Light Nearest: bisque 4

Color Harmonies

Complementary

#7F7965

#656B7F

Analogous

#7F6C65

#787F65

#7F7965

Triadic

#7F7965

#657F79

#79657F

Split Complementary

#7F7965

#65787F

#6C657F

Tetradic

#7F7965

#657F6C

#656B7F

#7F6578

Color Blindness Simulation

Original

#7F7965

Protanopia

#7C7C6A

Deuteranopia

#7D7D6B

Tritanopia

#7F6E6E

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEB
200
#DFDDD7
300
#C9C6BB
400
#ABA696
500
#8E8771
600
#726C5A
700
#5B5748
800
#474438
900
#35332B
950
#22201B

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

4.83:1

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