#903397

#903397

Color Values

HEX

#903397

RGB

144, 51, 151

HSL

295.8, 49.5%, 39.6%

HSV

295.8, 66.2%, 59.2%

CMYK

4.6%, 66.2%, 0.0%, 40.8%

OKLCH

0.4948 0.1746 324.9

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#903397

#3A9733

Analogous

#5E3397

#97336C

#903397

Triadic

#903397

#979033

#339790

Split Complementary

#903397

#6C9733

#33975E

Tetradic

#903397

#975E33

#3A9733

#336C97

Color Blindness Simulation

Original

#903397

Protanopia

#68677F

Deuteranopia

#6D7479

Tritanopia

#8B6C68

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E6F5
200
#EACAED
300
#DCA4E0
400
#C972CF
500
#B640BF
600
#913498
700
#74297A
800
#5B205F
900
#431B46
950
#2A112C

Contrast Checker

Text on white

6.76:1

AA Pass AAA Fail

Text on black

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