#684240

#684240

Color Values

HEX

#684240

RGB

104, 66, 64

HSL

3.0, 23.8%, 32.9%

HSV

3.0, 38.5%, 40.8%

CMYK

0.0%, 36.5%, 38.5%, 59.2%

OKLCH

0.4224 0.0534 22.9

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#684240

#406668

Analogous

#684052

#685640

#684240

Triadic

#684240

#406842

#424068

Split Complementary

#684240

#406856

#405268

Tetradic

#684240

#526840

#406668

#564068

Color Blindness Simulation

Original

#684240

Protanopia

#585740

Deuteranopia

#5A5D41

Tritanopia

#664141

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EAEA
200
#E4D4D3
300
#D0B5B3
400
#B78C8A
500
#9E6461
600
#7E504E
700
#65403E
800
#4F3231
900
#3B2726
950
#251918

Contrast Checker

Text on white

8.6:1

AA Pass AAA Pass

Text on black

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