#982C58

#982C58

Color Values

HEX

#982C58

RGB

152, 44, 88

HSL

335.6, 55.1%, 38.4%

HSV

335.6, 71.1%, 59.6%

CMYK

0.0%, 71.1%, 42.1%, 40.4%

OKLCH

0.4705 0.1479 359.7

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#982C58

#2C986C

Analogous

#982C8E

#98362C

#982C58

Triadic

#982C58

#58982C

#2C5898

Split Complementary

#982C58

#2C9836

#2C8E98

Tetradic

#982C58

#8E982C

#2C986C

#362C98

Color Blindness Simulation

Original

#982C58

Protanopia

#69684D

Deuteranopia

#70784B

Tritanopia

#934543

Achromatopsia

#464646

CSS Usage

background-color: #982C58;
color: #982C58;
border-color: #982C58;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FBF4F7
100
#F6E5EC
200
#EFC8D8
300
#E4A0BC
400
#D56D97
500
#C63972
600
#9E2E5C
700
#7F2549
800
#631D39
900
#48182C
950
#2E0F1C

Contrast Checker

Text on white

7.4:1

AA Pass AAA Pass

Text on black

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