#68563D

#68563D

Color Values

HEX

#68563D

RGB

104, 86, 61

HSL

34.9, 26.1%, 32.4%

HSV

34.9, 41.3%, 40.8%

CMYK

0.0%, 17.3%, 41.3%, 59.2%

OKLCH

0.4645 0.0445 75.4

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#68563D

#3D4F68

Analogous

#68413D

#65683D

#68563D

Triadic

#68563D

#3D6856

#563D68

Split Complementary

#68563D

#3D6568

#413D68

Tetradic

#68563D

#3D6841

#3D4F68

#683D65

Color Blindness Simulation

Original

#68563D

Protanopia

#606043

Deuteranopia

#616344

Tritanopia

#674849

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EEE9
200
#E5DDD2
300
#D2C4B2
400
#B9A588
500
#A1855E
600
#816A4B
700
#67553C
800
#50422F
900
#3C3225
950
#262017

Contrast Checker

Text on white

7.03:1

AA Pass AAA Pass

Text on black

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