#7D685B

#7D685B

Color Values

HEX

#7D685B

RGB

125, 104, 91

HSL

22.9, 15.7%, 42.4%

HSV

22.9, 27.2%, 49.0%

CMYK

0.0%, 16.8%, 27.2%, 51.0%

OKLCH

0.5339 0.0335 53.6

Properties

Warm Dark Nearest: peachpuff 4

Color Harmonies

Complementary

#7D685B

#5B707D

Analogous

#7D5B5F

#7D795B

#7D685B

Triadic

#7D685B

#5B7D68

#685B7D

Split Complementary

#7D685B

#5B7D79

#5B5F7D

Tetradic

#7D685B

#5F7D5B

#5B707D

#795B7D

Color Blindness Simulation

Original

#7D685B

Protanopia

#74745E

Deuteranopia

#75775F

Tritanopia

#7C6161

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0EDEB
200
#E1DAD6
300
#CBC0B8
400
#AF9D92
500
#947B6B
600
#766256
700
#5E4F45
800
#4A3D36
900
#372F2A
950
#231E1A

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

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