#683D2B

#683D2B

Color Values

HEX

#683D2B

RGB

104, 61, 43

HSL

17.7, 41.5%, 28.8%

HSV

17.7, 58.7%, 40.8%

CMYK

0.0%, 41.3%, 58.7%, 59.2%

OKLCH

0.4075 0.0672 43.2

Properties

Warm Dark Nearest: RAL 8002 Signal Brown

Color Harmonies

Complementary

#683D2B

#2B5668

Analogous

#682B37

#685B2B

#683D2B

Triadic

#683D2B

#2B683D

#3D2B68

Split Complementary

#683D2B

#2B685B

#2B3768

Tetradic

#683D2B

#37682B

#2B5668

#5B2B68

Color Blindness Simulation

Original

#683D2B

Protanopia

#55552F

Deuteranopia

#585B30

Tritanopia

#663334

Achromatopsia

#454545

CSS Usage

background-color: #683D2B;
color: #683D2B;
border-color: #683D2B;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF6F5
100
#F3EBE7
200
#EAD5CC
300
#DBB7A8
400
#C89179
500
#B46A4B
600
#90553C
700
#734430
800
#5A3525
900
#43291E
950
#2A1A13

Contrast Checker

Text on white

9.17:1

AA Pass AAA Pass

Text on black

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