#9D7680

#9D7680

Color Values

HEX

#9D7680

RGB

157, 118, 128

HSL

344.6, 16.6%, 53.9%

HSV

344.6, 24.8%, 61.6%

CMYK

0.0%, 24.8%, 18.5%, 38.4%

OKLCH

0.6072 0.0507 1.7

Properties

Warm Light Nearest: pink 4

Color Harmonies

Complementary

#9D7680

#769D93

Analogous

#9D7693

#9D7F76

#9D7680

Triadic

#9D7680

#809D76

#76809D

Split Complementary

#9D7680

#769D7F

#76939D

Tetradic

#9D7680

#939D76

#769D93

#7F769D

Color Blindness Simulation

Original

#9D7680

Protanopia

#8C8C7E

Deuteranopia

#8E917D

Tritanopia

#9B7C7B

Achromatopsia

#7F7F7F

CSS Usage

background-color: #9D7680;
color: #9D7680;
border-color: #9D7680;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

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

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

5.34:1

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