#756F72

#756F72

Color Values

HEX

#756F72

RGB

117, 111, 114

HSL

330.0, 2.6%, 44.7%

HSV

330.0, 5.1%, 45.9%

CMYK

0.0%, 5.1%, 2.6%, 54.1%

OKLCH

0.5481 0.0087 345.6

Properties

Warm Dark Nearest: dimgrey

Color Harmonies

Complementary

#756F72

#6F7572

Analogous

#756F75

#756F6F

#756F72

Triadic

#756F72

#72756F

#6F7275

Split Complementary

#756F72

#6F756F

#6F7575

Tetradic

#756F72

#75756F

#6F7572

#6F6F75

Color Blindness Simulation

Original

#756F72

Protanopia

#727271

Deuteranopia

#737371

Tritanopia

#757171

Achromatopsia

#707070

CSS Usage

background-color: #756F72;
color: #756F72;
border-color: #756F72;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDADB
300
#C3C0C2
400
#A39EA1
500
#837C80
600
#696366
700
#544F52
800
#413E40
900
#322F30
950
#1F1E1F

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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