#684B2C

#684B2C

Color Values

HEX

#684B2C

RGB

104, 75, 44

HSL

31.0, 40.5%, 29.0%

HSV

31.0, 57.7%, 40.8%

CMYK

0.0%, 27.9%, 57.7%, 59.2%

OKLCH

0.4368 0.0601 67.0

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#684B2C

#2C4968

Analogous

#682D2C

#67682C

#684B2C

Triadic

#684B2C

#2C684B

#4B2C68

Split Complementary

#684B2C

#2C6768

#2D2C68

Tetradic

#684B2C

#2C682D

#2C4968

#682C67

Color Blindness Simulation

Original

#684B2C

Protanopia

#5B5B33

Deuteranopia

#5D5F35

Tritanopia

#67393B

Achromatopsia

#4F4F4F

CSS Usage

background-color: #684B2C;
color: #684B2C;
border-color: #684B2C;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#EADCCD
300
#DBC3A9
400
#C7A27A
500
#B3814C
600
#8F673D
700
#735331
800
#5A4126
900
#42311F
950
#2A1F13

Contrast Checker

Text on white

7.98:1

AA Pass AAA Pass

Text on black

2.63:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026