#683B3D

#683B3D

Color Values

HEX

#683B3D

RGB

104, 59, 61

HSL

357.3, 27.6%, 32.0%

HSV

357.3, 43.3%, 40.8%

CMYK

0.0%, 43.3%, 41.3%, 59.2%

OKLCH

0.4079 0.0637 17.4

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#683B3D

#3B6866

Analogous

#683B54

#68503B

#683B3D

Triadic

#683B3D

#3D683B

#3B3D68

Split Complementary

#683B3D

#3B6850

#3B5468

Tetradic

#683B3D

#54683B

#3B6866

#503B68

Color Blindness Simulation

Original

#683B3D

Protanopia

#55543D

Deuteranopia

#575A3C

Tritanopia

#663C3C

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9E9
200
#E5D1D2
300
#D3B1B2
400
#BB8789
500
#A35C5F
600
#824A4C
700
#683B3D
800
#512E30
900
#3C2425
950
#261718

Contrast Checker

Text on white

9.2:1

AA Pass AAA Pass

Text on black

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