#950C86

#950C86

Color Values

HEX

#950C86

RGB

149, 12, 134

HSL

306.6, 85.1%, 31.6%

HSV

306.6, 91.9%, 58.4%

CMYK

0.0%, 91.9%, 10.1%, 41.6%

OKLCH

0.4645 0.2007 333.9

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#950C86

#0C951B

Analogous

#600C95

#950C41

#950C86

Triadic

#950C86

#86950C

#0C8695

Split Complementary

#950C86

#41950C

#0C9560

Tetradic

#950C86

#95600C

#0C951B

#0C4195

Color Blindness Simulation

Original

#950C86

Protanopia

#5A5869

Deuteranopia

#626C61

Tritanopia

#8E514C

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE0F7
200
#FABDF3
300
#F68EEA
400
#F150DF
500
#EC13D4
600
#BD0FAA
700
#970C88
800
#76096A
900
#560B4D
950
#360731

Contrast Checker

Text on white

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