#94309D

#94309D

Color Values

HEX

#94309D

RGB

148, 48, 157

HSL

295.0, 53.2%, 40.2%

HSV

295.0, 69.4%, 61.6%

CMYK

5.7%, 69.4%, 0.0%, 38.4%

OKLCH

0.501 0.1858 324.4

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#94309D

#399D30

Analogous

#5D309D

#9D3070

#94309D

Triadic

#94309D

#9D9430

#309D94

Split Complementary

#94309D

#709D30

#309D5D

Tetradic

#94309D

#9D5D30

#399D30

#30709D

Color Blindness Simulation

Original

#94309D

Protanopia

#696883

Deuteranopia

#6E767C

Tritanopia

#8F6E69

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#EBC8EE
300
#DDA1E2
400
#CA6ED3
500
#B83CC3
600
#93309C
700
#76267D
800
#5C1E62
900
#441948
950
#2B102D

Contrast Checker

Text on white

6.63:1

AA Pass AAA Fail

Text on black

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