#69675C

#69675C

Color Values

HEX

#69675C

RGB

105, 103, 92

HSL

50.8, 6.6%, 38.6%

HSV

50.8, 12.4%, 41.2%

CMYK

0.0%, 1.9%, 12.4%, 58.8%

OKLCH

0.5122 0.0171 98.5

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#69675C

#5C5E69

Analogous

#69605C

#64695C

#69675C

Triadic

#69675C

#5C6967

#675C69

Split Complementary

#69675C

#5C6469

#605C69

Tetradic

#69675C

#5C6960

#5C5E69

#695C64

Color Blindness Simulation

Original

#69675C

Protanopia

#68685F

Deuteranopia

#68685F

Tritanopia

#696161

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DEDDD9
300
#C6C5BE
400
#A7A59A
500
#888577
600
#6D6B5F
700
#57554C
800
#44433C
900
#33322E
950
#20201D

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

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