#68564D

#68564D

Color Values

HEX

#68564D

RGB

104, 86, 77

HSL

20.0, 14.9%, 35.5%

HSV

20.0, 26.0%, 40.8%

CMYK

0.0%, 17.3%, 26.0%, 59.2%

OKLCH

0.4684 0.0278 48.1

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#68564D

#4D5F68

Analogous

#684D52

#68644D

#68564D

Triadic

#68564D

#4D6856

#564D68

Split Complementary

#68564D

#4D6864

#4D5268

Tetradic

#68564D

#52684D

#4D5F68

#644D68

Color Blindness Simulation

Original

#68564D

Protanopia

#60604F

Deuteranopia

#616350

Tritanopia

#675151

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFECEB
200
#E1DAD6
300
#CBBFB9
400
#AF9C93
500
#92796D
600
#756157
700
#5E4E45
800
#493D36
900
#372E2A
950
#231D1A

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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