#7F6649

#7F6649

Color Values

HEX

#7F6649

RGB

127, 102, 73

HSL

32.2, 27.0%, 39.2%

HSV

32.2, 42.5%, 49.8%

CMYK

0.0%, 19.7%, 42.5%, 50.2%

OKLCH

0.5275 0.0531 70.4

Properties

Warm Dark Nearest: burlywood 4

Color Harmonies

Complementary

#7F6649

#49627F

Analogous

#7F4B49

#7D7F49

#7F6649

Triadic

#7F6649

#497F66

#66497F

Split Complementary

#7F6649

#497D7F

#4B497F

Tetradic

#7F6649

#497F4B

#49627F

#7F497D

Color Blindness Simulation

Original

#7F6649

Protanopia

#747450

Deuteranopia

#767752

Tritanopia

#7E5657

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDE9
200
#E5DCD2
300
#D2C3B1
400
#BAA387
500
#A2825D
600
#82684A
700
#68533C
800
#51412F
900
#3C3125
950
#261F17

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

3.9:1

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