#977F87

#977F87

Color Values

HEX

#977F87

RGB

151, 127, 135

HSL

340.0, 10.3%, 54.5%

HSV

340.0, 15.9%, 59.2%

CMYK

0.0%, 15.9%, 10.6%, 40.8%

OKLCH

0.6212 0.0315 356.0

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#977F87

#7F978F

Analogous

#977F93

#97837F

#977F87

Triadic

#977F87

#87977F

#7F8797

Split Complementary

#977F87

#7F9783

#7F9397

Tetradic

#977F87

#93977F

#7F978F

#837F97

Color Blindness Simulation

Original

#977F87

Protanopia

#8D8C85

Deuteranopia

#8E9085

Tritanopia

#968483

Achromatopsia

#858585

CSS Usage

background-color: #977F87;
color: #977F87;
border-color: #977F87;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DA
300
#C8BBC0
400
#AA979D
500
#8D727B
600
#715B62
700
#5A494F
800
#46393E
900
#352C2F
950
#211C1E

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

5.7:1

AA Pass 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