#7C685B

#7C685B

Color Values

HEX

#7C685B

RGB

124, 104, 91

HSL

23.6, 15.3%, 42.2%

HSV

23.6, 26.6%, 48.6%

CMYK

0.0%, 16.1%, 26.6%, 51.4%

OKLCH

0.5328 0.0324 54.9

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#7C685B

#5B6F7C

Analogous

#7C5B5F

#7C795B

#7C685B

Triadic

#7C685B

#5B7C68

#685B7C

Split Complementary

#7C685B

#5B7C79

#5B5F7C

Tetradic

#7C685B

#5F7C5B

#5B6F7C

#795B7C

Color Blindness Simulation

Original

#7C685B

Protanopia

#73735E

Deuteranopia

#74765F

Tritanopia

#7B6161

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E1DAD6
300
#CBC0B8
400
#AF9E92
500
#937B6C
600
#766356
700
#5E4F45
800
#4A3E36
900
#372F2A
950
#231E1A

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

3.99:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026