#953866

#953866

Color Values

HEX

#953866

RGB

149, 56, 102

HSL

330.3, 45.4%, 40.2%

HSV

330.3, 62.4%, 58.4%

CMYK

0.0%, 62.4%, 31.5%, 41.6%

OKLCH

0.4845 0.1344 352.5

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#953866

#389567

Analogous

#953895

#953838

#953866

Triadic

#953866

#669538

#386695

Split Complementary

#953866

#389538

#389595

Tetradic

#953866

#959538

#389567

#383895

Color Blindness Simulation

Original

#953866

Protanopia

#6D6C5B

Deuteranopia

#727958

Tritanopia

#905250

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#ECCBDB
300
#DEA6C2
400
#CB76A0
500
#B9467F
600
#943866
700
#772D51
800
#5D233F
900
#441D30
950
#2B121E

Contrast Checker

Text on white

6.92:1

AA Pass AAA Fail

Text on black

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