#684746

#684746

Color Values

HEX

#684746

RGB

104, 71, 70

HSL

1.8, 19.5%, 34.1%

HSV

1.8, 32.7%, 40.8%

CMYK

0.0%, 31.7%, 32.7%, 59.2%

OKLCH

0.4343 0.0457 21.0

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#684746

#466768

Analogous

#684656

#685846

#684746

Triadic

#684746

#466847

#474668

Split Complementary

#684746

#466858

#465668

Tetradic

#684746

#566846

#466768

#584668

Color Blindness Simulation

Original

#684746

Protanopia

#5A5946

Deuteranopia

#5C5E46

Tritanopia

#664646

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EAEA
200
#E2D5D4
300
#CEB7B6
400
#B38F8E
500
#986867
600
#7A5352
700
#624342
800
#4C3433
900
#392828
950
#241A19

Contrast Checker

Text on white

8.14:1

AA Pass AAA Pass

Text on black

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