#696C61

#696C61

Color Values

HEX

#696C61

RGB

105, 108, 97

HSL

76.4, 5.4%, 40.2%

HSV

76.4, 10.2%, 42.4%

CMYK

2.8%, 0.0%, 10.2%, 57.6%

OKLCH

0.5252 0.0172 119.4

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#696C61

#64616C

Analogous

#6C6A61

#636C61

#696C61

Triadic

#696C61

#61696C

#6C6169

Split Complementary

#696C61

#61636C

#6A616C

Tetradic

#696C61

#616C6A

#64616C

#6C6163

Color Blindness Simulation

Original

#696C61

Protanopia

#6A6A64

Deuteranopia

#6A6A64

Tritanopia

#696666

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DCDDD9
300
#C3C5BE
400
#A3A69C
500
#838679
600
#686C60
700
#54564D
800
#41433C
900
#32332E
950
#1F201D

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

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