#756C70

#756C70

Color Values

HEX

#756C70

RGB

117, 108, 112

HSL

333.3, 4.0%, 44.1%

HSV

333.3, 7.7%, 45.9%

CMYK

0.0%, 7.7%, 4.3%, 54.1%

OKLCH

0.5408 0.0127 348.8

Properties

Warm Dark Nearest: dimgrey

Color Harmonies

Complementary

#756C70

#6C7571

Analogous

#756C74

#756C6C

#756C70

Triadic

#756C70

#70756C

#6C7075

Split Complementary

#756C70

#6C756C

#6C7475

Tetradic

#756C70

#74756C

#6C7571

#6C6C75

Color Blindness Simulation

Original

#756C70

Protanopia

#71716F

Deuteranopia

#72726F

Tritanopia

#756E6E

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DDDADB
300
#C4BFC2
400
#A49DA0
500
#857A7F
600
#6A6266
700
#554E51
800
#423D3F
900
#322F30
950
#201D1E

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

4.14:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026