#950D88

#950D88

Color Values

HEX

#950D88

RGB

149, 13, 136

HSL

305.7, 84.0%, 31.8%

HSV

305.7, 91.3%, 58.4%

CMYK

0.0%, 91.3%, 8.7%, 41.6%

OKLCH

0.466 0.2016 333.2

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#950D88

#0D951A

Analogous

#5E0D95

#950D44

#950D88

Triadic

#950D88

#88950D

#0D8895

Split Complementary

#950D88

#44950D

#0D955E

Tetradic

#950D88

#955E0D

#0D951A

#0D4495

Color Blindness Simulation

Original

#950D88

Protanopia

#5A596A

Deuteranopia

#626C63

Tritanopia

#8E534E

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE0F7
200
#F9BDF4
300
#F58EEB
400
#F051E1
500
#EB14D6
600
#BC10AB
700
#960D89
800
#750A6B
900
#550C4E
950
#360731

Contrast Checker

Text on white

7.8:1

AA Pass AAA Pass

Text on black

2.69:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026