#98339F

#98339F

Color Values

HEX

#98339F

RGB

152, 51, 159

HSL

296.1, 51.4%, 41.2%

HSV

296.1, 67.9%, 62.4%

CMYK

4.4%, 67.9%, 0.0%, 37.6%

OKLCH

0.511 0.1857 325.1

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#98339F

#3A9F33

Analogous

#62339F

#9F3370

#98339F

Triadic

#98339F

#9F9833

#339F98

Split Complementary

#98339F

#709F33

#339F62

Tetradic

#98339F

#9F6233

#3A9F33

#33709F

Color Blindness Simulation

Original

#98339F

Protanopia

#6C6B85

Deuteranopia

#727A7F

Tritanopia

#93706C

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#EBC9EE
300
#DDA2E1
400
#CB70D1
500
#B93EC1
600
#94329A
700
#76287C
800
#5C1F61
900
#441A47
950
#2B102D

Contrast Checker

Text on white

6.35:1

AA Pass AAA Fail

Text on black

3.31:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026