#9C7684

#9C7684

Color Values

HEX

#9C7684

RGB

156, 118, 132

HSL

337.9, 16.1%, 53.7%

HSV

337.9, 24.4%, 61.2%

CMYK

0.0%, 24.4%, 15.4%, 38.8%

OKLCH

0.6074 0.0512 354.8

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#9C7684

#769C8E

Analogous

#9C7697

#9C7B76

#9C7684

Triadic

#9C7684

#849C76

#76849C

Split Complementary

#9C7684

#769C7B

#76979C

Tetradic

#9C7684

#979C76

#769C8E

#7B769C

Color Blindness Simulation

Original

#9C7684

Protanopia

#8C8B81

Deuteranopia

#8E9180

Tritanopia

#9A7E7D

Achromatopsia

#7F7F7F

CSS Usage

background-color: #9C7684;
color: #9C7684;
border-color: #9C7684;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F6F7
100
#F0EBED
200
#E1D6DA
300
#CCB8BF
400
#B0919D
500
#946B7A
600
#765662
700
#5F444E
800
#4A353D
900
#37292F
950
#231A1D

Contrast Checker

Text on white

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