#950C85

#950C85

Color Values

HEX

#950C85

RGB

149, 12, 133

HSL

307.0, 85.1%, 31.6%

HSV

307.0, 91.9%, 58.4%

CMYK

0.0%, 91.9%, 10.7%, 41.6%

OKLCH

0.4639 0.2 334.3

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#950C85

#0C951C

Analogous

#610C95

#950C41

#950C85

Triadic

#950C85

#85950C

#0C8595

Split Complementary

#950C85

#41950C

#0C9561

Tetradic

#950C85

#95610C

#0C951C

#0C4195

Color Blindness Simulation

Original

#950C85

Protanopia

#5A5868

Deuteranopia

#626C61

Tritanopia

#8E514C

Achromatopsia

#323232

CSS Usage

background-color: #950C85;
color: #950C85;
border-color: #950C85;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FDF2FC
100
#FAE0F7
200
#FABDF3
300
#F68EEA
400
#F150DE
500
#EC13D3
600
#BD0FA9
700
#970C87
800
#760969
900
#560B4D
950
#360731

Contrast Checker

Text on white

7.87:1

AA Pass AAA Pass

Text on black

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