#6C6963

#6C6963

Color Values

HEX

#6C6963

RGB

108, 105, 99

HSL

40.0, 4.3%, 40.6%

HSV

40.0, 8.3%, 42.4%

CMYK

0.0%, 2.8%, 8.3%, 57.6%

OKLCH

0.5216 0.01 84.6

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#6C6963

#63666C

Analogous

#6C6563

#6A6C63

#6C6963

Triadic

#6C6963

#636C69

#69636C

Split Complementary

#6C6963

#636A6C

#65636C

Tetradic

#6C6963

#636C65

#63666C

#6C636A

Color Blindness Simulation

Original

#6C6963

Protanopia

#6B6B64

Deuteranopia

#6B6B65

Tritanopia

#6C6666

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DDDCDA
300
#C4C3BF
400
#A5A29D
500
#85817A
600
#6A6762
700
#55534E
800
#42413D
900
#32312F
950
#201F1D

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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