#98295F

#98295F

Color Values

HEX

#98295F

RGB

152, 41, 95

HSL

330.8, 57.5%, 37.8%

HSV

330.8, 73.0%, 59.6%

CMYK

0.0%, 73.0%, 37.5%, 40.4%

OKLCH

0.4699 0.1544 355.1

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#98295F

#299862

Analogous

#982996

#982A29

#98295F

Triadic

#98295F

#5F9829

#295F98

Split Complementary

#98295F

#29982A

#299698

Tetradic

#98295F

#969829

#299862

#2A2998

Color Blindness Simulation

Original

#98295F

Protanopia

#686752

Deuteranopia

#6E774F

Tritanopia

#924845

Achromatopsia

#444444

CSS Usage

background-color: #98295F;
color: #98295F;
border-color: #98295F;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FBF4F7
100
#F6E4ED
200
#F0C7DB
300
#E59FC1
400
#D76A9F
500
#C9367E
600
#A12B64
700
#812350
800
#641B3F
900
#4A1730
950
#2E0F1E

Contrast Checker

Text on white

7.45:1

AA Pass AAA Pass

Text on black

2.82:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026