#756F67

#756F67

Color Values

HEX

#756F67

RGB

117, 111, 103

HSL

34.3, 6.4%, 43.1%

HSV

34.3, 12.0%, 45.9%

CMYK

0.0%, 5.1%, 12.0%, 54.1%

OKLCH

0.5447 0.0143 75.3

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#756F67

#676D75

Analogous

#756867

#747567

#756F67

Triadic

#756F67

#67756F

#6F6775

Split Complementary

#756F67

#677475

#686775

Tetradic

#756F67

#677568

#676D75

#756774

Color Blindness Simulation

Original

#756F67

Protanopia

#727269

Deuteranopia

#737369

Tritanopia

#756A6B

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDCD9
300
#C6C2BE
400
#A7A29B
500
#888177
600
#6D675F
700
#57524C
800
#44403C
900
#33312E
950
#201F1D

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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