#7F7362

#7F7362

Color Values

HEX

#7F7362

RGB

127, 115, 98

HSL

35.2, 12.9%, 44.1%

HSV

35.2, 22.8%, 49.8%

CMYK

0.0%, 9.4%, 22.8%, 50.2%

OKLCH

0.5617 0.0294 76.6

Properties

Warm Dark Nearest: bisque 4

Color Harmonies

Complementary

#7F7362

#626E7F

Analogous

#7F6462

#7C7F62

#7F7362

Triadic

#7F7362

#627F73

#73627F

Split Complementary

#7F7362

#627C7F

#64627F

Tetradic

#7F7362

#627F64

#626E7F

#7F627C

Color Blindness Simulation

Original

#7F7362

Protanopia

#7A7A66

Deuteranopia

#7A7B67

Tritanopia

#7E696A

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#E0DCD7
300
#CAC3BA
400
#ADA394
500
#90826F
600
#736859
700
#5C5347
800
#484138
900
#36312B
950
#221F1B

Contrast Checker

Text on white

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