#7D684F

#7D684F

Color Values

HEX

#7D684F

RGB

125, 104, 79

HSL

32.6, 22.5%, 40.0%

HSV

32.6, 36.8%, 49.0%

CMYK

0.0%, 16.8%, 36.8%, 51.0%

OKLCH

0.531 0.0456 71.5

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#7D684F

#4F647D

Analogous

#7D514F

#7B7D4F

#7D684F

Triadic

#7D684F

#4F7D68

#684F7D

Split Complementary

#7D684F

#4F7B7D

#514F7D

Tetradic

#7D684F

#4F7D51

#4F647D

#7D4F7B

Color Blindness Simulation

Original

#7D684F

Protanopia

#747455

Deuteranopia

#757756

Tritanopia

#7C5A5B

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDEA
200
#E3DCD3
300
#D0C3B4
400
#B6A28B
500
#9C8263
600
#7D684F
700
#64533F
800
#4E4131
900
#3A3127
950
#251F18

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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