#98499B

#98499B

Color Values

HEX

#98499B

RGB

152, 73, 155

HSL

297.8, 36.0%, 44.7%

HSV

297.8, 52.9%, 60.8%

CMYK

1.9%, 52.9%, 0.0%, 39.2%

OKLCH

0.5356 0.1495 326.0

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#98499B

#4C9B49

Analogous

#6F499B

#9B4975

#98499B

Triadic

#98499B

#9B9849

#499B98

Split Complementary

#98499B

#759B49

#499B6F

Tetradic

#98499B

#9B6F49

#4C9B49

#49759B

Color Blindness Simulation

Original

#98499B

Protanopia

#767587

Deuteranopia

#7A8082

Tritanopia

#947774

Achromatopsia

#606060

CSS Usage

background-color: #98499B;
color: #98499B;
border-color: #98499B;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5FA
100
#F2E8F3
200
#E7CEE8
300
#D6ACD8
400
#C07FC3
500
#AA52AD
600
#88418B
700
#6D346F
800
#552957
900
#3F2140
950
#281529

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

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