#756B71

#756B71

Color Values

HEX

#756B71

RGB

117, 107, 113

HSL

324.0, 4.5%, 43.9%

HSV

324.0, 8.5%, 45.9%

CMYK

0.0%, 8.5%, 3.4%, 54.1%

OKLCH

0.539 0.0154 340.9

Properties

Warm Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#756B71

#6B756F

Analogous

#746B75

#756B6C

#756B71

Triadic

#756B71

#71756B

#6B7175

Split Complementary

#756B71

#6C756B

#6B7574

Tetradic

#756B71

#75746B

#6B756F

#6B6C75

Color Blindness Simulation

Original

#756B71

Protanopia

#717170

Deuteranopia

#71726F

Tritanopia

#746E6E

Achromatopsia

#6E6E6E

CSS Usage

background-color: #756B71;
color: #756B71;
border-color: #756B71;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DDDADC
300
#C5BFC2
400
#A59CA1
500
#857A81
600
#6B6167
700
#554E52
800
#433D40
900
#322E31
950
#201D1F

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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