#6C673E

#6C673E

Color Values

HEX

#6C673E

RGB

108, 103, 62

HSL

53.5, 27.1%, 33.3%

HSV

53.5, 42.6%, 42.4%

CMYK

0.0%, 4.6%, 42.6%, 57.6%

OKLCH

0.508 0.0595 102.2

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#6C673E

#3E436C

Analogous

#6C503E

#5A6C3E

#6C673E

Triadic

#6C673E

#3E6C67

#673E6C

Split Complementary

#6C673E

#3E5A6C

#503E6C

Tetradic

#6C673E

#3E6C50

#3E436C

#6C3E5A

Color Blindness Simulation

Original

#6C673E

Protanopia

#6A6A48

Deuteranopia

#6A6A4A

Tritanopia

#6C5051

Achromatopsia

#656565

CSS Usage

background-color: #6C673E;
color: #6C673E;
border-color: #6C673E;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F9F6
100
#F1F0E9
200
#E5E3D2
300
#D2CFB1
400
#BAB587
500
#A29B5D
600
#827C4A
700
#68633B
800
#514D2E
900
#3C3A25
950
#262417

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

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