#982295

#982295

Color Values

HEX

#982295

RGB

152, 34, 149

HSL

301.5, 63.4%, 36.5%

HSV

301.5, 77.6%, 59.6%

CMYK

0.0%, 77.6%, 2.0%, 40.4%

OKLCH

0.4901 0.1968 329.2

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#982295

#229825

Analogous

#602298

#98225A

#982295

Triadic

#982295

#959822

#229598

Split Complementary

#982295

#5A9822

#229860

Tetradic

#982295

#986022

#229825

#225A98

Color Blindness Simulation

Original

#982295

Protanopia

#656479

Deuteranopia

#6C7572

Tritanopia

#92635E

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F7E4F6
200
#F2C5F1
300
#E99BE7
400
#DC65D9
500
#D02FCC
600
#A725A3
700
#851E83
800
#681766
900
#4C154B
950
#300D2F

Contrast Checker

Text on white

7.0:1

AA Pass AAA Pass

Text on black

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