#683B3C

#683B3C

Color Values

HEX

#683B3C

RGB

104, 59, 60

HSL

358.7, 27.6%, 32.0%

HSV

358.7, 43.3%, 40.8%

CMYK

0.0%, 43.3%, 42.3%, 59.2%

OKLCH

0.4076 0.0637 18.8

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#683B3C

#3B6867

Analogous

#683B53

#68513B

#683B3C

Triadic

#683B3C

#3C683B

#3B3C68

Split Complementary

#683B3C

#3B6851

#3B5368

Tetradic

#683B3C

#53683B

#3B6867

#513B68

Color Blindness Simulation

Original

#683B3C

Protanopia

#55543C

Deuteranopia

#575A3C

Tritanopia

#663C3C

Achromatopsia

#454545

CSS Usage

background-color: #683B3C;
color: #683B3C;
border-color: #683B3C;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#F9F6F6
100
#F1E9E9
200
#E5D1D2
300
#D3B1B2
400
#BB8788
500
#A35C5E
600
#824A4B
700
#683B3C
800
#512E2F
900
#3C2425
950
#261717

Contrast Checker

Text on white

9.21:1

AA Pass AAA Pass

Text on black

2.28:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026