#977880

#977880

Color Values

HEX

#977880

RGB

151, 120, 128

HSL

344.5, 13.0%, 53.1%

HSV

344.5, 20.5%, 59.2%

CMYK

0.0%, 20.5%, 15.2%, 40.8%

OKLCH

0.6049 0.0401 1.2

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#977880

#78978F

Analogous

#97788F

#977F78

#977880

Triadic

#977880

#809778

#788097

Split Complementary

#977880

#78977F

#788F97

Tetradic

#977880

#8F9778

#78978F

#7F7897

Color Blindness Simulation

Original

#977880

Protanopia

#8A897E

Deuteranopia

#8B8E7E

Tritanopia

#957D7C

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBEC
200
#E0D7D9
300
#CABABE
400
#AD949B
500
#906F77
600
#735960
700
#5C474C
800
#48373C
900
#362B2E
950
#221B1D

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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