#976E78

#976E78

Color Values

HEX

#976E78

RGB

151, 110, 120

HSL

345.4, 16.5%, 51.2%

HSV

345.4, 27.2%, 59.2%

CMYK

0.0%, 27.2%, 20.5%, 40.8%

OKLCH

0.5826 0.0538 2.8

Properties

Warm Light Nearest: pink 4

Color Harmonies

Complementary

#976E78

#6E978D

Analogous

#976E8D

#97796E

#976E78

Triadic

#976E78

#78976E

#6E7897

Split Complementary

#976E78

#6E9779

#6E8D97

Tetradic

#976E78

#8D976E

#6E978D

#796E97

Color Blindness Simulation

Original

#976E78

Protanopia

#858576

Deuteranopia

#888B75

Tritanopia

#957473

Achromatopsia

#777777

CSS Usage

background-color: #976E78;
color: #976E78;
border-color: #976E78;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F6F7
100
#F0EBEC
200
#E1D5D8
300
#CCB8BD
400
#B09199
500
#956A75
600
#77555D
700
#5F444B
800
#4A353A
900
#38292D
950
#231A1C

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

4.82:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026