#68564F

#68564F

Color Values

HEX

#68564F

RGB

104, 86, 79

HSL

16.8, 13.7%, 35.9%

HSV

16.8, 24.0%, 40.8%

CMYK

0.0%, 17.3%, 24.0%, 59.2%

OKLCH

0.469 0.0264 42.4

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#68564F

#4F6168

Analogous

#684F55

#68634F

#68564F

Triadic

#68564F

#4F6856

#564F68

Split Complementary

#68564F

#4F6863

#4F5568

Tetradic

#68564F

#55684F

#4F6168

#634F68

Color Blindness Simulation

Original

#68564F

Protanopia

#606051

Deuteranopia

#616351

Tritanopia

#675252

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFECEB
200
#E0D9D6
300
#CABEB9
400
#AE9B94
500
#91786E
600
#746058
700
#5D4D46
800
#483C37
900
#362E2A
950
#221D1B

Contrast Checker

Text on white

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