#950E78

#950E78

Color Values

HEX

#950E78

RGB

149, 14, 120

HSL

312.9, 82.8%, 32.0%

HSV

312.9, 90.6%, 58.4%

CMYK

0.0%, 90.6%, 19.5%, 41.6%

OKLCH

0.4575 0.1906 339.8

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#950E78

#0E952B

Analogous

#6F0E95

#950E35

#950E78

Triadic

#950E78

#78950E

#0E7895

Split Complementary

#950E78

#35950E

#0E956F

Tetradic

#950E78

#956F0E

#0E952B

#0E3595

Color Blindness Simulation

Original

#950E78

Protanopia

#5B595E

Deuteranopia

#626C58

Tritanopia

#8E4A46

Achromatopsia

#323232

CSS Usage

background-color: #950E78;
color: #950E78;
border-color: #950E78;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FDF2FA
100
#FAE1F4
200
#F9BEEC
300
#F48FDF
400
#EF53CD
500
#E916BC
600
#BA1296
700
#950E78
800
#750B5E
900
#550C45
950
#35082C

Contrast Checker

Text on white

8.04:1

AA Pass AAA Pass

Text on black

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