#684B46

#684B46

Color Values

HEX

#684B46

RGB

104, 75, 70

HSL

8.8, 19.5%, 34.1%

HSV

8.8, 32.7%, 40.8%

CMYK

0.0%, 27.9%, 32.7%, 59.2%

OKLCH

0.4426 0.0406 29.8

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#684B46

#466368

Analogous

#684652

#685C46

#684B46

Triadic

#684B46

#46684B

#4B4668

Split Complementary

#684B46

#46685C

#465268

Tetradic

#684B46

#526846

#466368

#5C4668

Color Blindness Simulation

Original

#684B46

Protanopia

#5B5B47

Deuteranopia

#5D5F48

Tritanopia

#674848

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EBEA
200
#E2D6D4
300
#CEB9B6
400
#B3948E
500
#986E67
600
#7A5852
700
#624642
800
#4C3733
900
#392A28
950
#241B19

Contrast Checker

Text on white

7.83:1

AA Pass AAA Pass

Text on black

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