#68564C

#68564C

Color Values

HEX

#68564C

RGB

104, 86, 76

HSL

21.4, 15.6%, 35.3%

HSV

21.4, 26.9%, 40.8%

CMYK

0.0%, 17.3%, 26.9%, 59.2%

OKLCH

0.4682 0.0287 50.7

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#68564C

#4C5E68

Analogous

#684C50

#68644C

#68564C

Triadic

#68564C

#4C6856

#564C68

Split Complementary

#68564C

#4C6864

#4C5068

Tetradic

#68564C

#50684C

#4C5E68

#644C68

Color Blindness Simulation

Original

#68564C

Protanopia

#60604E

Deuteranopia

#61634F

Tritanopia

#675051

Achromatopsia

#595959

CSS Usage

background-color: #68564C;
color: #68564C;
border-color: #68564C;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F6
100
#F0ECEB
200
#E1DAD6
300
#CBBFB8
400
#AF9C92
500
#937A6C
600
#766156
700
#5E4E45
800
#4A3D36
900
#372E2A
950
#231D1A

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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