#975684

#975684

Color Values

HEX

#975684

RGB

151, 86, 132

HSL

317.5, 27.4%, 46.5%

HSV

317.5, 43.0%, 59.2%

CMYK

0.0%, 43.0%, 12.6%, 40.8%

OKLCH

0.5436 0.105 338.9

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#975684

#569769

Analogous

#8A5697

#975664

#975684

Triadic

#975684

#849756

#568497

Split Complementary

#975684

#649756

#56978A

Tetradic

#975684

#978A56

#569769

#566497

Color Blindness Simulation

Original

#975684

Protanopia

#7B7A79

Deuteranopia

#7F8476

Tritanopia

#94706E

Achromatopsia

#676767

CSS Usage

background-color: #975684;
color: #975684;
border-color: #975684;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E5D2DF
300
#D3B1C9
400
#BB87AB
500
#A25D8E
600
#824A72
700
#683B5B
800
#512E47
900
#3C2535
950
#261722

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

3.98:1

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