#684647

#684647

Color Values

HEX

#684647

RGB

104, 70, 71

HSL

358.2, 19.5%, 34.1%

HSV

358.2, 32.7%, 40.8%

CMYK

0.0%, 32.7%, 31.7%, 59.2%

OKLCH

0.4325 0.047 17.2

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#684647

#466867

Analogous

#684658

#685646

#684647

Triadic

#684647

#476846

#464768

Split Complementary

#684647

#466856

#465868

Tetradic

#684647

#586846

#466867

#564668

Color Blindness Simulation

Original

#684647

Protanopia

#595947

Deuteranopia

#5B5E47

Tritanopia

#664747

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EAEA
200
#E2D4D5
300
#CEB6B7
400
#B38E8F
500
#986768
600
#7A5253
700
#624243
800
#4C3334
900
#392828
950
#24191A

Contrast Checker

Text on white

8.22:1

AA Pass AAA Pass

Text on black

2.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026