#684548

#684548

Color Values

HEX

#684548

RGB

104, 69, 72

HSL

354.9, 20.2%, 33.9%

HSV

354.9, 33.7%, 40.8%

CMYK

0.0%, 33.7%, 30.8%, 59.2%

OKLCH

0.4308 0.0486 13.6

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#684548

#456865

Analogous

#684559

#685345

#684548

Triadic

#684548

#486845

#454868

Split Complementary

#684548

#456853

#455968

Tetradic

#684548

#596845

#456865

#534568

Color Blindness Simulation

Original

#684548

Protanopia

#595947

Deuteranopia

#5B5E47

Tritanopia

#664747

Achromatopsia

#4D4D4D

CSS Usage

background-color: #684548;
color: #684548;
border-color: #684548;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F6F6
100
#F0EAEB
200
#E3D4D5
300
#CEB5B8
400
#B48E91
500
#99666A
600
#7B5155
700
#624144
800
#4D3335
900
#392829
950
#24191A

Contrast Checker

Text on white

8.29:1

AA Pass AAA Pass

Text on black

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