#7F6344

#7F6344

Color Values

HEX

#7F6344

RGB

127, 99, 68

HSL

31.5, 30.3%, 38.2%

HSV

31.5, 46.5%, 49.8%

CMYK

0.0%, 22.0%, 46.5%, 50.2%

OKLCH

0.52 0.0577 68.9

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#7F6344

#44607F

Analogous

#7F4544

#7D7F44

#7F6344

Triadic

#7F6344

#447F63

#63447F

Split Complementary

#7F6344

#447D7F

#45447F

Tetradic

#7F6344

#447F45

#44607F

#7F447D

Color Blindness Simulation

Original

#7F6344

Protanopia

#73734B

Deuteranopia

#74774D

Tritanopia

#7E5153

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DCD0
300
#D4C3AF
400
#BDA284
500
#A68159
600
#856847
700
#6A5339
800
#53412C
900
#3E3123
950
#271F16

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

3.77:1

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