#954770

#954770

Color Values

HEX

#954770

RGB

149, 71, 112

HSL

328.5, 35.5%, 43.1%

HSV

328.5, 52.3%, 58.4%

CMYK

0.0%, 52.3%, 24.8%, 41.6%

OKLCH

0.5092 0.1156 349.2

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#954770

#47956C

Analogous

#934795

#954749

#954770

Triadic

#954770

#709547

#477095

Split Complementary

#954770

#499547

#479593

Tetradic

#954770

#959347

#47956C

#474995

Color Blindness Simulation

Original

#954770

Protanopia

#737366

Deuteranopia

#787E64

Tritanopia

#915E5D

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E8ED
200
#E8CFDC
300
#D8ACC3
400
#C27FA2
500
#AD5282
600
#8A4268
700
#6F3553
800
#562941
900
#402131
950
#28151F

Contrast Checker

Text on white

6.15:1

AA Pass AAA Fail

Text on black

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