#945976

#945976

Color Values

HEX

#945976

RGB

148, 89, 118

HSL

330.5, 24.9%, 46.5%

HSV

330.5, 39.9%, 58.0%

CMYK

0.0%, 39.9%, 20.3%, 42.0%

OKLCH

0.5395 0.0863 349.5

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#945976

#599477

Analogous

#945994

#945A59

#945976

Triadic

#945976

#769459

#597694

Split Complementary

#945976

#59945A

#599494

Tetradic

#945976

#949459

#599477

#5A5994

Color Blindness Simulation

Original

#945976

Protanopia

#7A7A6F

Deuteranopia

#7E826D

Tritanopia

#916968

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E4D2DB
300
#D1B3C2
400
#B889A0
500
#9F607F
600
#7F4D66
700
#663D51
800
#50303F
900
#3B2630
950
#25181E

Contrast Checker

Text on white

5.32:1

AA Pass AAA Fail

Text on black

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