#950F93

#950F93

Color Values

HEX

#950F93

RGB

149, 15, 147

HSL

300.9, 81.7%, 32.2%

HSV

300.9, 89.9%, 58.4%

CMYK

0.0%, 89.9%, 1.3%, 41.6%

OKLCH

0.4735 0.2082 329.0

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#950F93

#0F9511

Analogous

#540F95

#950F50

#950F93

Triadic

#950F93

#93950F

#0F9395

Split Complementary

#950F93

#50950F

#0F9554

Tetradic

#950F93

#95540F

#0F9511

#0F5095

Color Blindness Simulation

Original

#950F93

Protanopia

#5B5A73

Deuteranopia

#636D6B

Tritanopia

#8E5A54

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE1F9
200
#F8BEF8
300
#F490F2
400
#EE54EB
500
#E817E5
600
#B913B7
700
#940F92
800
#740C72
900
#540D53
950
#350834

Contrast Checker

Text on white

7.59:1

AA Pass AAA Pass

Text on black

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